Default Radio button not visually checked
<p>I'm building a dynamic list of <code>RadioButton</code> inside a <code>For</code> loop 
using</p>

<pre><code>&lt;%= Html.RadioButtonFor(m =&gt; m.Gender, m.Value) %&gt; 
</code></pre>

<p>The dynamic list gets created alright but the first <code>RadioButton</code> is <strong>NOT VISUALLY checked</strong> </p>

<p>What I mean by this is that the circle portion of the <code>RadioButton</code> is not filled with the black dot that tells you it's checked.</p>

<p>However, when I inspect the HTML in the browser's dev tools, the attribute checked="checked" is set!</p>

<p>I tried doing a JQUERY onload </p>

<pre><code>$("#yada").attr("checked", "checked");

$("#yada").click();
</code></pre>

<p>and NOTHING works!!!  The inspector still says the element checked: true but still the little circle does not get the black dot in it UNLESS I manually click it.</p>

<p>I've also tried setting the first radio button like</p>

<pre><code>Html.RadioButtonFor(m=&gt; m.Gender, m.Value, new { checked = "checked"})
</code></pre>