title: Jquery tabs control - how to select tab
body: <p>I have following html to show tabs control of jquery:</p>
  
  <pre><code>&lt;div id="tabs" class="news1"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#tabs-1"&gt;Track&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-2"&gt;History&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
     &lt;div id="tabs-1"&gt;
     &lt;/div&gt;
     &lt;div id="tabs-2"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On page load, following script is written:</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      $( "#tabs" ).tabs();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>On page load, tab-1 is selected by default. How can I Programmatically select tab-2 using JavaScript or jQuery?</p>