title: add active state to button in a button group
body: <p>I have a button group, and I'd like to add an active state to the button that's been selected, and then if another button is selected remove the highlight state from the prior one.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="btn-group" role="group"&gt;
     &lt;button type="button" class="btn btn-default" id="question-company-wide"&gt;
        &lt;i class="fa fa-building fa-lg"&gt;&lt;/i&gt; &lt;%= t('.company_label') %&gt;
     &lt;/button&gt;
     &lt;button type="button" class="btn btn-default" id="question-group-specific"&gt;
        &lt;i class="fa fa-users fa-lg"&gt;&lt;/i&gt; &lt;%= t('.groups_label') %&gt;
     &lt;/button&gt;
     &lt;button type="button" class="btn btn-default" id="question-user-specific"&gt;
        &lt;i class="fa fa-user fa-lg"&gt;&lt;/i&gt; &lt;%= t('.employees_label') %&gt;
     &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>