title: Is it possible to refresh bootstrap tab
body: <p>I am using bootsrap tab.I have actually three sections.By default section one is selected.Suppose if I move to section 2 then data of section 2 should be refreshed.
  Actually I have registration form in section 1 and in section 2 to view the resgitered users.So suppose i entered some details in section 1 then it is inserted into database.Now unless I refresh the section 2,I wont get new values from DB.Please tell me how to refresh.Alternate solutions are also welcome</p>
  
  <pre><code>&lt;div class="tabbable" id="myTabs"&gt;
    &lt;ul class="nav nav-tabs"&gt;
      &lt;li&gt;&lt;a id="tabAll"&gt;All&lt;/a&gt;&lt;/li&gt;
      &lt;li class="active"&gt;&lt;a href="#tab1" data-toggle="tab"&gt;Section 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab2" data-toggle="tab"&gt;Section 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tab3" data-toggle="tab"&gt;Section 3&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane active" id="tab1"&gt;
        &lt;p&gt;I'm in Section 1.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="tab-pane" id="tab2"&gt;
        &lt;p&gt;Howdy, I'm in Section 2.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="tab-pane" id="tab3"&gt;
        &lt;p&gt;Howdy, I'm in Section 3.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $('#tabAll').click(function(){
    $('#tabAll').addClass('active');  
    $('.tab-pane').each(function(i,t){
      $('#myTabs li').removeClass('active'); 
      $(this).addClass('active');  
    });
  });
  &lt;/script&gt;
  </code></pre>