title: Dynamically created radio inputs don't check in IE7
body: <p>I came across a weird IE-specific error. It seems that when creating radio inputs with <code>document.createElement</code>, the resulting widgets do not respond to clicks. They grey out for a second when you click on them, but they do not become checked. It works as expected in FF3, but not in IE7. Any idea what's up with this?</p>
  <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;form&gt;
          &lt;div id=&quot;foo&quot;&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  
      &lt;script&gt;
          var foo = document.getElementById('foo');
  
          var t = document.createElement('input');
          t.type='radio';
          t.name ='fool';
  
          var f = document.createElement('input');
          f.type='radio';
          f.name ='fool';
  
          foo.appendChild(t);
          foo.appendChild(f);
  
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>