title: Getting checked state of a radiobutton
body: <p>I am trying to get the checked state of a radiobutton using jQuery without much luck.</p>
  
  <p>My HTML looks like:</p>
  
  <pre><code>&lt;div class="fr"&gt;
          &lt;label&gt;
              Recieve Email Updates?&lt;/label&gt;
  
           Yes
              &lt;input type="radio" value="True" name="ConsumerModel.RecieveSMS" id="ConsumerModel_RecieveSMS" data-val-required="The RecieveSMS field is required." data-val="true"&gt;
              No
              &lt;input type="radio" value="False" name="ConsumerModel.RecieveSMS" id="ConsumerModel_RecieveSMS" checked="checked"&gt;
      &lt;/div&gt;
  &lt;div class="fr"&gt;
          &lt;label&gt;
              Recieve Email Updates?&lt;/label&gt;
  
           Yes
              &lt;input type="radio" value="True" name="ConsumerModel.RecieveEmail" id="ConsumerModel_RecieveEmail" data-val-required="The RecieveEmail field is required." data-val="true" checked="checked"&gt;
              No
              &lt;input type="radio" value="False" name="ConsumerModel.RecieveEmail" id="ConsumerModel_RecieveEmail"&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My jQuery looks like:</p>
  
  <pre><code>  var sms= $('input[name=ConsumerModel.RecieveSMS]:checked').val();
    var email = $('input[name=ConsumerModel.RecieveEmail]:checked').val();
  </code></pre>
  
  <p>My variable <code>sms</code> seems to be ok however email is always the same as <code>sms</code> even if the 2 are different. </p>
  
  <p>What am I doing wrong?</p>