title: jquery select box (dropdown), load first value
body: <p>I have a dropdown select boy with a few images.</p>
  
  <p>I can get the images to load when the user changes value, but I want the View All to load right when the page is viewed.. I know I can do this a few different ways but I would prefer that it just loads right away since the value is specified.</p>
  
  <pre><code>$(document).ready(function() {
     $("#image").change(function() {
       $("#imagePreview").empty();
          $("#imagePreview").append("&lt;img src=\"" + $("#image").val()  + "\" /&gt;");
     });
   });
  
  
  &lt;select name="image" id="image" class="inputbox" size="1"&gt;
     &lt;option value="imageall.jpg" selected&gt; - All - &lt;/option&gt;
     &lt;option value="image1.jpg"&gt;image1.jpg&lt;/option&gt;
     &lt;option value="image2.jpg"&gt;image2.jpg&lt;/option&gt;
     &lt;option value="image3.jpg"&gt;image3.jpg&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div id="imagePreview"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/28UwU/" rel="nofollow">Fiddle Demo</a></p>
  
  <p>Even if you view the Fiddle demo, you will see it won't load anything until you select image1 etc.</p>
  
  <p>I want the imageall.jpg to load right when someone views fiddle.</p>
  
  <p>thank you</p>