How do I can get asp:Panel to work properly with asp:RadioButtonList?

Guys I was also struggling with this problem (Using jQuery to hide/show a Panel when user clicks on a value on the RadioButtonList) and searched many posts and found no answer but I was able to make it work here's how I did...

My code is as follows:

    <div>
                <p class="space">3.2. ACCOMMODATION (*)</p>

                <asp:RadioButtonList ID="accomodation" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" Width="500px">
                    <asp:ListItem Text="Not Required" Value="Not Required"></asp:ListItem>
                    <asp:ListItem Text="Required" Value="Required"></asp:ListItem>
                </asp:RadioButtonList>

                <asp:Panel ID="PanelAccommodation" runat="server">
                    <p>
                        Number of nights (*):
                         <asp:RequiredFieldValidator ID="RequiredFieldValidator12" runat="server" ControlToValidate="numberOfNights" ForeColor="red" ErrorMessage="<- Required"></asp:RequiredFieldValidator>
                    </p>
                    <asp:TextBox ID="numberOfNights" runat="server" Width="50px"></asp:TextBox>

                    <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" TargetControlID="numberOfNights"
                        FilterType="Numbers" runat="server">
                    </ajaxToolkit:FilteredTextBoxExtender>

                    <p>Preferred Hotel:</p>
                    <asp:TextBox ID="preferredHotel" runat="server" Width="450px"></asp:TextBox>

                    <p>Preferred Hotel URL:</p>
                    <asp:TextBox ID="preferredHotelURL" runat="server" Width="450px"></asp:TextBox>
                </asp:Panel>
            </div>

and the jquery function I used:

    <pre lang="Javascript">$(document).ready(function () {
                $("#MainContent_PanelAccommodation").hide("fast");
                $('#<%= accomodation.ClientID%>').find('input:radio').click(function () {
                    var selVal = $('#<%= accomodation.ClientID %>').find('input:checked').val();
                    if (selVal == "Required") {
                        $("#MainContent_PanelAccommodation").show("fast");
                    }
                    if (selVal == "Not Required") {
                        $("#MainContent_PanelAccommodation").hide("fast");
                    }
                })
            });