title: Adding/removing class to anchor tag with jQuery- twitter bootsrap buttons?
body: <p>I have a single page site. My navigation consists of a few buttons styled by bootstrap 3.</p>
  
  <p>Since it is a single page, the buttons are anchor tags. I want to be able to have an <code>.active</code> class applied to the last anchor tag that has been clicked.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;a href="#home"&gt;
      &lt;button type="button" class="btn btn-default btn-lg active"&gt;
      &lt;span class="glyphicon glyphicon-home"&gt;&lt;/span&gt; Home
      &lt;/button&gt;
  &lt;/a&gt;
  
  &lt;a href="#about"&gt;
      &lt;button type="button" class="btn btn-default btn-lg"&gt;
      &lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; About
      &lt;/button&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>And my CSS:</p>
  
  <pre><code>.btn-default:hover,
  .btn-default:focus,
  .btn-default:active,
  .btn-default.active,
  .open .dropdown-toggle.btn-default {
  border:none;
  background-color: #2C3E50;
  border-bottom: 1px solid #2C3E50;
  }
  </code></pre>