title: Bootstrap: set initial radio button checked in HTML
body: <p>I'm using Bootstrap's JavaScript buttons to style some radio buttons, and I don't seem to be able to set an initial button as checked. </p>
  
  <p>Here is my code: </p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons"&gt;
    &lt;label class="btn btn-info"&gt;
      &lt;input checked="checked" type="radio" id="match-three" name="options"&gt;Three numbers
    &lt;/label&gt;
    &lt;label class="btn btn-info"&gt;
      &lt;input type="radio" name="options" id="match-four"&gt;Four numbers
    &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The first button has <code>checked="checked"</code>, but it isn't being styled as checked. </p>
  
  <p>The buttons are being styled OK after click events, so I'm not sure what is going wrong on initial load. </p>
  
  <p>Bootply version here: <a href="http://bootply.com/89566">http://bootply.com/89566</a></p>