Jquery Dropdown Display Default Div
<p>I have the following JQuery, I want to display the default divarea1 visible when the user goes to the page, I am newbie to Jquery so any help would be great.</p>

<p>Best
SPS </p>

<pre><code> &lt;script type="text/javascript"&gt;
     $(document).ready(function() {
         $('.box').hide();
         $('#dropdown').change(function() {
             $('.box').hide();
             $('#div' + $(this).val()).show();
         });
     }); 
&lt;/script&gt; 


 &lt;select id="dropdown" class="boxformwh" name="dropdown"&gt; 
    &lt;option style="margin:20px;" value="area1"&gt;&lt;b&gt;DIV Area 1&lt;/b&gt;&lt;/option&gt; 
    &lt;option style="margin:20px;" value="area2"&gt;&lt;b&gt;DIV Area 2&lt;/b&gt;&lt;/option&gt; 
    &lt;option style="margin:20px;" value="area3"&gt;&lt;b&gt;DIV Area 3&lt;/b&gt;&lt;/option&gt; 
 &lt;/select&gt; 


  &lt;div&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; 
  &lt;/div&gt;
</code></pre>
