title: Bootstrap 3 Make First Tab Active By Clicking From Outside Button
body: <p>Can you please let me know how I can make bootstrap First Tab active again by clickicking a button from outside of the tab-navs?</p>
  
  <p>I alredy tried this</p>
  
  <pre><code>&lt;!-- Nav tabs --&gt;
  &lt;ul class="nav nav-tabs" role="tablist"&gt;
    &lt;li role="presentation" class="active"&gt;&lt;a href="#home" role="tab" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li role="presentation"&gt;&lt;a href="#profile" role="tab" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
    &lt;li role="presentation"&gt;&lt;a href="#messages" role="tab" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
    &lt;li role="presentation"&gt;&lt;a href="#settings" role="tab" data-toggle="tab"&gt;Settings&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;!-- Tab panes --&gt;
  &lt;div class="tab-content"&gt;
    &lt;div role="tabpanel" class="tab-pane active" id="home"&gt;...&lt;/div&gt;
    &lt;div role="tabpanel" class="tab-pane" id="profile"&gt;...&lt;/div&gt;
    &lt;div role="tabpanel" class="tab-pane" id="messages"&gt;...&lt;/div&gt;
    &lt;div role="tabpanel" class="tab-pane" id="settings"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$('#btnReview').click(function(){
    $(".tab-content").removeClass("active");
    $(".tab-content:first-child").addClass("active");
  });
  </code></pre>
  
  <p>and </p>
  
  <pre><code>$('#btnReview').click(function(){
    $(".nav-tabs").removeClass("active");
    $(".nav-tabs:first-child").addClass("active");
  });
  </code></pre>
  
  <p>but both not doing the job! Thanks</p>