title: Show/Hide using drop down list
body: <p>Hello I am trying to use this code below.  I like the code but I want the default to be DIV Area 1.  I have the HTML code showing DIV Area 1 in the drop down menu but I want the Javascript to show DIV AREA 1 by default. What would be the code?</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $('.box').hide();
          $('#dropdown').change(function() {
              $('.box').hide();
              $('#div' + $('#dropdown').val()).show();
          });
      });
  &lt;/script&gt;
  
  &lt;form&gt;
      &lt;select id="dropdown" name="dropdown"&gt;
       &lt;option value="0"&gt;Choose&lt;/option&gt;
       &lt;option value="area1" selected="selected"&gt;DIV Area 1&lt;/option&gt;
       &lt;option value="area2"&gt;DIV Area 2&lt;/option&gt;
       &lt;option value="area3"&gt;DIV Area 3&lt;/option&gt;
      &lt;/select&gt;
  &lt;/form&gt;
  
  &lt;div id="divarea1" class="box"&gt;DIV Area 1&lt;/div&gt;
  &lt;div id="divarea2" class="box"&gt;DIV Area 2&lt;/div&gt;
  &lt;div id="divarea3" class="box"&gt;DIV Area 3&lt;/div&gt;
  </code></pre>