jQuery show() on specific drop-down selection
<p>When a certain value from a drop-down box is selected, I want another section of the form to be shown using jQuery's show() function. Currently, my code above the header looks like this:</p>

<pre><code>&lt;script&gt;   
    $(":input#location").change(function(){
      if($(this).val() === 'On Rental'){
        $('div#dpo').show("slow");
      }
    }
&lt;/script&gt;
</code></pre>

<p>And, the form is coded like this:</p>

<pre><code>&lt;p&gt;
    &lt;strong&gt;&lt;label for="location"&gt;Location&lt;/label&gt;&lt;/strong&gt;
&lt;/p&gt;
&lt;select name="location" id="location"&gt;
    &lt;option value="Clarksville"&gt;Clarksville&lt;/option&gt;
    &lt;!--etc.--&gt;
&lt;/select&gt;

&lt;div id="dpo" style="display:none"&gt;
  &lt;!--Stuff I want to show here.--&gt;
&lt;/div&gt;
</code></pre>

<p>For some reason, nothing happens when I select "On Rental" from the drop-down field, and I can't for the life of me figure out what I'm doing wrong. Can anyone see what I'm doing wrong?</p>
