title: how to set a tab active in jQuery ui tab on page load
body: <p>How can I make the final about page the default tab. I am using jQuery UI for showing these tabs.</p>
  
  <pre><code>&lt;div id="tabs"&gt;
      &lt;li class="ui-state-default ui-corner-top"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li class="ui-state-default ui-corner-top"&gt;&lt;a href="#strains"&gt;Strains&lt;/a&gt;&lt;/li&gt;
      &lt;li class="ui-state-default ui-corner-top"&gt;&lt;a href="#GB"&gt; Browser&lt;/a&gt;&lt;/li&gt;
      &lt;li class="ui-state-default ui-corner-top"&gt;&lt;a href="#pathway"&gt;Pathway&lt;/a&gt;&lt;/li&gt;
      &lt;li id="pathway1" class="ui-state-default ui-corner-top"&gt;&lt;a href="#pathway1"&gt;pathway1&lt;/a&gt;&lt;/li&gt;
      &lt;li class="ui-state-default ui-corner-top"&gt;&lt;a href="#About"&gt;About&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>As far as I have found out it seems it has to be done the following  way.</p>
  
  <pre><code>$('#tabs1').addClass('active')
  </code></pre>
  
  <p>But it is not working. I have following jQuery.</p>
  
  <pre><code>$( "#tabs" ).tabs();
  $( "#pathway1").addClass('active');
  </code></pre>
  
  <p>I want to make pathway1 page active by default.</p>