title: Want to show/hide div based on dropdown box selection
body: <p>I want to have jQuery show div id='business' only if 'business use' is selected in the dropdown box.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
  $('#purpose').on('change', function() {
    if ( this.value == '1');
    {
      $("#business").show();
    }
    else
    {
      $("#business").hide();
    }
  });
  });
  &lt;/script&gt;
  &lt;body&gt;
  &lt;select id='purpose'&gt;
  &lt;option value="0"&gt;Personal use&lt;/option&gt;
  &lt;option value="1"&gt;Business use&lt;/option&gt;
  &lt;option value="2"&gt;Passing on to a client&lt;/option&gt;
  &lt;/select&gt;
  &lt;div style='display:none;' id='business'&gt;Business Name&lt;br/&gt;&amp;nbsp;
  &lt;br/&gt;&amp;nbsp;
      &lt;input type='text' class='text' name='business' value size='20' /&gt;
      &lt;br/&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and the JSFiddle: <a href="http://jsfiddle.net/2kGzZ/1/">http://jsfiddle.net/2kGzZ/1/</a></p>