title: How to change Twitter Bootstrap tab, when button is pressed?
body: <p>I need to change the tab when button is pressed, and the tab should be identified by id. The following code doesn't work for me - just the page is reloaded:</p>
  
  <pre><code>&lt;div class="form-actions"&gt;
    &lt;button class="btn btn-primary" id="btn-next"&gt;Next&lt;/button&gt;
    &lt;button type="reset" class="btn"&gt;Clear&lt;/button&gt;
  &lt;/div&gt;
  ...
  &lt;div class="tab-pane active" id="2"&gt;
  ...
  
  $("#btn-next").click(function(event) {
    $('#2').tab('show');
  });
  </code></pre>