Jquery, hide/show on select option
<p>I am trying to use select option to display a &lt;*div>'s that have checkboxes in them but its not working.</p>

<p>here is my script below</p>

<p><strong>jquery</strong></p>

<pre><code>   $(document).ready(function() {
       $(".feeschedule1").hide();
       $(".feeschedule2").hide();
       $("#select").change(function(){
           var feeschedule1 = $(".feeschdule1");
           var feeschedule2 = $(".feeschdule2");
           var select = $("#select").val();

        if (select == $("#nd1f")){

            feeschedule1.show();
        }
        }else{

            feeschedule1.hide();
        }
        if (select == $("#nd2f")){

            feeschedule2.show();
        }
        }else{
            feeschedule2.hide();

        })


    });
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;form action="" method=""&gt;
    &lt;select id="select"&gt;
        &lt;option id="nd1f" value="nd1fulltime"&gt;ND1 FULL TIME&lt;/option&gt;
        &lt;option id="nd2f" value="nd2fulltime"&gt;ND2 FULL TIME&lt;/option&gt;
    &lt;/select&gt;
    &lt;div class="feeschedule1"&gt;
        &lt;tr&gt;
            &lt;td&gt;&lt;label for="schoolfees"&gt;SCHOOL FEES ND1 FULL TIME&lt;/label&gt;&lt;/td&gt;
            &lt;td&gt;&lt;input type="checkbox" value="15000" &gt;&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/div&gt;
    &lt;div class="feeschedule2"&gt;
        &lt;tr &gt;
            &lt;td &gt;&lt;label for="schoolfees"&gt;SCHOOL FEES ND2 FULL TIME&lt;/label&gt;&lt;/td&gt;
            &lt;td&gt;&lt;input type="checkbox" value="15000" &gt;&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/div&gt;
&lt;/form&gt; 
</code></pre>

<p>It hides the &lt;*div> quite alright but it does not show them when a selection is made. Is there anything i am not doing right?</p>
