title: using jquery mobile radiobutton with mvc3
body: <p>I am trying to get the jquery mobile with mvc to create a radio button group.</p>
  
  <p>This is what I have</p>
  
  <pre><code>  &lt;li data-role="fieldcontain"&gt;
          &lt;fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"&gt;
              &lt;legend&gt;Gender:&lt;/legend&gt;
          @*   &lt;input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" /&gt;
              &lt;label for="radio-choice-c"&gt;Male&lt;/label&gt;
              &lt;input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" /&gt;
              &lt;label for="radio-choice-d"&gt;Female&lt;/label&gt;
           *@
               @Html.LabelFor(model=&gt;model.Consumer.IsMale,"Male")
               @Html.RadioButtonFor(model =&gt; model.Consumer.IsMale, "True",new {value="on",@checked = "checked"})
               @Html.LabelFor(model=&gt;model.Consumer.IsMale,"Female")
               @Html.RadioButtonFor(model =&gt; model.Consumer.IsMale, "False", new {value="off"})
              &lt;/fieldset&gt;
      &lt;/li&gt;
  </code></pre>
  
  <p>That looks like</p>
  
  <p><img src="https://i.stack.imgur.com/9fB2T.png" alt="enter image description here"></p>
  
  <p>Its not clickable and as you can see there is a radio button within the "Male" button.</p>
  
  <p>What am I doing wrong?</p>