title: JQuery: show div on radiobutton select
body: <p>I am trying to use jQuery to show a div when the user selects a particular radio button (<code>Other</code>) within a radiobutton group.</p>
  
  <p>The html is below</p>
  
  <pre><code>&lt;div id="countries"&gt;
  
  &lt;input id="Washington_D.C" type="radio" name="location" value="Washington"&gt;Washington D.C&lt;/input&gt;
  &lt;input id="Other" type="radio" name="location" value=""&gt;Other&lt;/input&gt;
      &lt;div id="other locations" style="display: none"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using the JQuery code:</p>
  
  <pre><code>$(document).ready(function(){
      $("radio[@name='location']").change(function(){
          if ($("radio[@name='location']:checked").val() == 'Other')
          $("#county_drop_down").show();
      });
   });
  </code></pre>
  
  <p>But it's not showing the div other locations when I select the radiobutton <code>Other</code>.</p>