title: Select an option on page load, with jQuery, and apply an onChange event
body: <p>I would like to have jQuery select an element from "select option" and then fire an <code>onChange</code> event. I got it working for the first part (selecting an option when loading a page), but not for second part which consist of making the changes associated with selecting an option.</p>
  
  <p>As you can see price from highest to lowest is the default displayed option. I want to make it from lowest to highest for a specific page only. I'm new to jQuery. Thanks.</p>
  
  <pre><code>&lt;select style="width:175px;" class="lstSort" id="ctl00_mainContentPlaceHolder_lstProducts_lstSort" onchange="javascript:setTimeout('__doPostBack(\'ctl00$mainContentPlaceHolder$lstProducts$lstSort\',\'\')', 0)" name="ctl00$mainContentPlaceHolder$lstProducts$lstSort"&gt;
  &lt;option value="PriceHighestToLowest"&gt;Price (Highest to Lowest)&lt;/option&gt;
  &lt;option value="PriceLowestToHighest"&gt;Price (Lowest to Highest)&lt;/option&gt;
  &lt;/select&gt;
  
  
  &lt;script&gt;
  $('document').ready(function () {
      $("select#ctl00_mainContentPlaceHolder_lstProducts_lstSort").val("PriceLowestToHighest");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The original ASP.NET code : </p>
  
  <pre><code>&lt;asp:DropDownList runat="server" ID="lstSort" CssClass="lstSort" Width="175" AutoPostBack="true"
     OnSelectedIndexChanged="lstSort_SelectedIndexChanged"&gt;
      &lt;asp:ListItem Text="Price (Highest to Lowest)" Value="PriceHighestToLowest" /&gt;
      &lt;asp:ListItem Text="Price (Lowest to Highest)" Value="PriceLowestToHighest" /&gt;
  &lt;/asp:DropDownList&gt;
  </code></pre>