title: Radio button html missing checked attribute, though Firebug indicates it is checked
body: <p><strong>Summary of problem statement</strong>: Radio button html on the browser does not display the checked attribute, but Firebug indicates that the radio's checked attribute is set as checked.</p>
  <p><strong>Tested on</strong></p>
  <p>Broswer: FF 3.6.18 and IE8<br />
  jQuery: 1.5<br />
  MVC3 (Razor)</p>
  <p><strong>Details</strong></p>
  <p>Using MVC3 (with Razor) I'm rendering the following radio buttons from the server. The desired functionality is that on checking one radio, the other should be unchecked and vice-versa. In other words, the user is allowed to only select one option - say val1 or val2.</p>
  <pre><code>&lt;div id=&quot;myRadioList&quot;&gt;
      &lt;div&gt;
          &lt;input type=&quot;radio&quot; value=&quot;val1&quot; onclick=&quot;updateFunctionCalledHere(this)&quot; name=&quot;myRadioName&quot; id=&quot;myRadioName_val1&quot; checked=&quot;checked&quot;&gt;
          
      &lt;/div&gt;
      &lt;div&gt;
          &lt;input type=&quot;radio&quot; value=&quot;val2&quot; onclick=&quot;updateFunctionCalledHere(this)&quot; name=&quot;myRadioName&quot; id=&quot;myRadioName_val2&quot;&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>What I'm observing is that if the user toggles the radio selected, the newly selected radio (let's say <code>myRadioName_val2</code>) is shown to be checked using firebug but the html still reflects the other radio button as checked. Because of this, some other validations are failing.</p>
  <p>I've tried literally removing all checked attributes of both the radio buttons and then just check the one that's clicked.</p>
  <p>This is what I'm doing to set the currently clicked radio, that is not working:</p>
  <pre><code>$(&quot;#myRadioList &gt; div &gt; input[value='myRadioName_val2]').attr('checked', 'checked');
  </code></pre>
  <p>I'm simplifying my code to avoid posting unnecessary details.</p>