title: Load first select option value with ajax on page load
body: <p>I am creating a div where I can populate different content based on a select value.  It works that when I select an option, it loads.  What I don't know how to do is load the first option when the pages first loads.  I also am having an issue with jQuery scripts called in my header not applying to the ajax content when it loads.  I'm hoping that by loading the first instance on page load, that will take care of the problem.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;select class="post-link"&gt;
  &lt;option value="http://example.com"&gt;Option 1&lt;/option&gt;
  &lt;option value="http://example.com"&gt;Option 2&lt;/option&gt;
  &lt;option value="http://example.com"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  
  // This is where the content will be loaded
  &lt;div id="single-post-container"&gt;&lt;/div&gt;
  
  jQuery(document).ready(function($){ 
      $.ajaxSetup({cache:false});
      $(".post-link").change(function(){
          var post_link = $(this).val();
  
          $("#single-post-container").html("content loading");
          $("#single-post-container").load(post_link);
      return false;
      });
  });
  </code></pre>
  
  <p>Any direction would be appreciated!  </p>