title: How To Active Bootstrap Tab after Button Click in ASP.NET
body: <p>I am working in asp.net and i use twitter bootstrap plugins. In my form i use a Tab. There are two option in Tab. <strong>#1</strong> is <strong>Map</strong> and <strong>#2</strong> is <strong>Address</strong>. Basically i submit a form and save the data into database when data is save then i want saved data shown in <strong>#2</strong> Tab (<strong>Address Tab</strong>). I found many article in stackoverflow related it, but i not achieve this.</p>
  
  <p><strong>Code:-ASP</strong></p>
  
  <pre><code>            &lt;div class="Map-Panel"&gt;
                  &lt;ul class="nav nav-tabs"&gt;
                      &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#divMap"&gt;Map&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a data-toggle="tab" href="#divAddress"&gt;Address&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="tab-content"&gt;
                      &lt;div id="divMap" class="tab-pane fade in active"&gt;
                          &lt;div id="geomap" style="width: 100%; height: 450px;"&gt;
                              &lt;p&gt;Loading Please Wait...&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div id="divAddress" class="tab-pane fade"&gt;
                          &lt;asp:DataList ID="dlAddress" runat="server" CellPadding="4" ForeColor="#333333" RepeatColumns="1" Width="100%"&gt;
                          &lt;/asp:DataList&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Code:-Javascript</strong></p>
  
  <pre><code>$('#&lt;%= btnSave.ClientID %&gt;').click(function () {
              $('.nav-tabs &gt; .active').next('li').find('a').trigger('click');
  });
  </code></pre>
  
  <p>If i use HTML submit button then i able to active other tab but through this i can't save my data into database. So help me.</p>