title: How to set default tab on page load using jquery?
body: <p>How can I modify the script to have second tab (instead of first) as default when the page loads? Thanks..</p>
  
  <pre><code>&lt;script&gt;
  $(function() {      
      $("#nav ul").tabs("#panes &gt; div", {effect: 'fade', fadeOutSpeed: 400});
  });
  &lt;/script&gt;
  
  &lt;!-- tab panes --&gt;
  &lt;div id="panes"&gt;
      &lt;div&gt;
          &lt;p&gt;content1&lt;/p&gt;
      &lt;/div&gt;  
       &lt;div&gt;
          &lt;p&gt;content2&lt;/p&gt;
       &lt;/div&gt;     
  &lt;/div&gt;
  
  
   &lt;!-- navigator --&gt;
  &lt;div id="nav"&gt;
      &lt;ul&gt;        
          &lt;li&gt;
              &lt;a href="#1"&gt;
                  Tab1
              &lt;/a&gt;
          &lt;/li&gt;
  
          &lt;li&gt;
              &lt;a href="#2"&gt;
                  Tab2
              &lt;/a&gt;
  
          &lt;/li&gt;       
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>