title: How to make a nav tab active from outside with a button?
body: <pre><code>&lt;ul class="nav nav-tabs piluku-tabs " role="tablist"&gt;
      &lt;li role="presentation" class="active"&gt;
          &lt;a href="#home" aria-controls="home" role="tab" data-toggle="tab"&gt;Personal Detail&lt;/a&gt;
  
      &lt;/li&gt;
      &lt;li role="presentation"&gt;
  
          &lt;a href="#join" aria-controls="join" role="tab" data-toggle="tab"&gt;Joining Detail&lt;/a&gt;
      &lt;/li&gt;
      &lt;li role="presentation"&gt;
  
          &lt;a href="#education" aria-controls="education" role="tab" data-toggle="tab" id ="id2"&gt;Education Detail&lt;/a&gt;
      &lt;/li&gt;
      &lt;li role="presentation"&gt;
  
          &lt;a href="#experience" aria-controls="education" role="tab" data-toggle="tab"&gt;Experience Detail&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;a href="#join" aria-controls="join" role="tab" data-toggle="tab"&gt;&lt;button type="button" class="btn btn-primary clickme"&gt;Next&lt;/button&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I am using a next button to move next tab. The tab is changing, but active stands only in first tab of the nav tab. How to change the active from first to selected tab?</p>