title: Add and remove class active on button with jquery onclick function
body: <p>I'm actually using this button group structure with bootstrap. Now I need to add class active to each button when I click on it. And remove from it when I click on another button.</p>
  
  <p>This is my HTML structure, is something like that:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="header"&gt;
          &lt;div class="logo"&gt;Prova&lt;span class="sec-logo"&gt;toscana&lt;/span&gt;15&lt;/div&gt;
          &lt;div class="bottoni"&gt;
              &lt;div class="btn-group" role="group" aria-label="..."&gt;
                  &lt;button type="button" class="btn btn-default" id="b1"&gt;12345&lt;/button&gt;
                  &lt;button type="button" class="btn btn-default" id="b2"&gt;12345&lt;/button&gt;
                  &lt;button type="button" class="btn btn-default" id="b3"&gt;12345&lt;/button&gt;
                  &lt;button type="button" class="btn btn-default" id="b4"&gt;12345&lt;/button&gt;
                  &lt;button type="button" class="btn btn-default" id="b5"&gt;12345&lt;/button&gt;
                  &lt;button type="button" class="btn btn-default" id="b6"&gt;12345&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Someone who could help me? Thanks.</p>