I'm building a dynamic list of `RadioButton` inside a `For` loop 
using

```
<%= Html.RadioButtonFor(m => m.Gender, m.Value) %> 

```

The dynamic list gets created alright but the first `RadioButton` is **NOT VISUALLY checked** 

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

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

I tried doing a JQUERY onload 

```
$("#yada").attr("checked", "checked");

$("#yada").click();

```

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.

I've also tried setting the first radio button like

```
Html.RadioButtonFor(m=> m.Gender, m.Value, new { checked = "checked"})

```