title: How do I set the radio button to "checked" in Bootstrap?
body: <p>I'm using Bootstrap buttons as a radio button.  <a href="http://getbootstrap.com/javascript/#buttons" rel="noreferrer">http://getbootstrap.com/javascript/#buttons</a></p>
  
  <p>This is my current code:</p>
  
  <pre><code>&lt;div  class="btn-group col-md-2" data-toggle="buttons"&gt;
      &lt;label class="btn btn-gender btn-default active"&gt;
          &lt;input type="radio" id="gender" name="gender" value="female"&gt; Girls
      &lt;/label&gt;
      &lt;label class="btn btn-gender btn-default"&gt;
          &lt;input type="radio" id="gender" name="gender" value="male"&gt; Guys
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I set "male" to checked using JavaScript?</p>