title: How do I keep the current tab active with twitter bootstrap after a page reload?
body: <p>I'm currently using tabs with Twitter Bootstrap and want to select the same tab after a user has posted data and the page reloads.</p>
  
  <p>How is this done?</p>
  
  <p>My current call to inti the tabs looks like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
  
      $('#profileTabs a:first').tab('show');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>My tabs:</p>
  
  <pre><code>&lt;ul id="profileTabs" class="nav nav-tabs"&gt;
      &lt;li class="active"&gt;&lt;a href="#profile" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#about" data-toggle="tab"&gt;About Me&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#match" data-toggle="tab"&gt;My Match&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>