dropdown selection click function only works once
<p>I'm trying to use jquery to narrow down my selections of towns when the user selects a county. The following only works once:</p>

<pre><code>$('#county &gt; option').live("click",function(){

    var clicked_county = $(this).val();
    $('#town &gt; option').not("."+clicked_county).hide();
});


&lt;select name="county" id="county"&gt;
  &lt;option&gt;All Countys&lt;/option&gt;
  &lt;option&gt;Middlesex&lt;/option&gt;
  &lt;option&gt;Berkshire&lt;/option&gt;
  &lt;option&gt;Bedfordshire&lt;/option&gt;
&lt;/select&gt;

&lt;select name="town" id="town"&gt;
  &lt;option&gt;All Towns&lt;/option&gt;
  &lt;option class="Middlesex"&gt;Ruislip&lt;/option&gt;
  &lt;option class="Middlesex"&gt;Hillindon&lt;/option&gt;
  &lt;option class="Uxbridge"&gt;Uxbridge&lt;/option&gt;
&lt;/select&gt;
</code></pre>
