title: How to Set Active Tab in jQuery Ui
body: <p>Can you please let me know how I can set the active tab in jquery ui with a button click out of the tabs?</p>
  
  <p>I have a button like: </p>
  
  <pre><code>&lt;input id="action" type="submit" value="Go to Action"&gt;
  </code></pre>
  
  <p>and here is the code,</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
   $( "#tabs" ).tabs();
   $( "#action" ).on("click", function(){});
  });
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#tabs-1"&gt;Description&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-2"&gt;Action&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-3"&gt;Resources&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-4"&gt;Settings&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
  &lt;div id="tabs-1"&gt;
      &lt;p&gt;Description content&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div id="tabs-2"&gt;
      &lt;p&gt;Action content&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div id="tabs-3"&gt;
      &lt;p&gt;Resources content&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div id="tabs-4"&gt;
      &lt;p&gt;Settings &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>