title: Bootstrap button not active on page navigation (Drupal 7)
body: <p>I have a bootstrap button group with few buttons each of them with their a tag that links to a new page. I've added the jquery code for retaining the active state when a button is clicked. The buttons stay active on clicking only if there is no #href. When there is a link and the new page is loaded, the active state is lost. Can someone please help ? I am so lost!</p>
  
  <p>Here is the snippet -
  html:</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
      &lt;a class="btn btn-custom"&gt;Home &lt;/a&gt; 
      &lt;a class="btn btn-custom" href="/link1"&gt; About us &lt;/a&gt;
      &lt;a class="btn btn-custom" href="/link2"&gt; Contact us &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery: </p>
  
  <pre><code>$(".btn-group &gt; .btn").click(function(){
      $(this).addClass("active").siblings().removeClass("active");
  });
  </code></pre>