title: Radio Button Checked not checking
body: <p>I am having a problem with the following code:</p>
  
  <pre><code>&lt;div&gt;
  &lt;span&gt;Item 1&lt;/span&gt;
  &lt;input type="radio" name="radio1" id="radio1" checked="checked" /&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
  &lt;span&gt;Item 2&lt;/span&gt;
  &lt;input type="radio" name="radio1" class="checkbox" id="radio2" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have added checked="checked" to the first checkbox but the one checked is the second one for some reason.</p>