title: Bootstrap Radio Button uncheck by jQuery
body: <p>I have a problem with my code using the bootstrap plugin. 
  I have some radio buttuns in the following code:</p>
  
  <pre><code>    &lt;div class="btn-group" data-toggle="buttons"&gt;
    &lt;label class="btn btn-primary active"&gt;
      &lt;input type="radio" name="options" id="option1" autocomplete="off" checked&gt; Radio 1 (preselected)
    &lt;/label&gt;
    &lt;label class="btn btn-primary"&gt;
      &lt;input type="radio" name="options" id="option2" autocomplete="off"&gt; Radio 2
    &lt;/label&gt;
    &lt;label class="btn btn-primary"&gt;
      &lt;input type="radio" name="options" id="option3" autocomplete="off"&gt; Radio 3
    &lt;/label&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>I want to put a button to reset the selection. I've tried a reset button (<code>&lt;button type="reset"&gt;</code>), jQuery commands, but all fail.</p>
  
  <p>In the Bootstrap API I found an explanation:
  <a href="http://getbootstrap.com/javascript/#buttons-checkbox-radio" rel="nofollow">http://getbootstrap.com/javascript/#buttons-checkbox-radio</a></p>
  
  <p>that says:</p>
  
  <blockquote>
    <p>Visual checked state only updated on click If the checked state of a
    checkbox button is updated without firing a click event on the button
    (e.g. via  or via setting the checked property of
    the input), you will need to toggle the .active class on the input's
    label yourself.</p>
  </blockquote>
  
  <p>Please someone could help me find a solution to my problem?</p>
  
  <p>Thanks, 
  Gabriel.</p>