title: Checking if radio buttons are checked in Firefox
body: <p>On my site, I have two checkboxes created in my ASP.NET MVC view like so:</p>
  
  <pre><code>Html.RadioButton("check", "true", "true" == (string) ViewData["someKey"], new { id = "check1"});
  Html.RadioButton("check", "false", "false" == (string) ViewData["someKey"], new { id = "check2"});
  </code></pre>
  
  <p>I am positive that ViewData["someKey"] has the value "true" in it.</p>
  
  <p>In my JS init function, I perform the following check:</p>
  
  <pre><code>alert($('#check1').is(':checked') + " " + $('#check2').is(':checked'));
  </code></pre>
  
  <p>In Firefox (and only Firefox), my alert dialog will show the following (it works as expected in every other browser):</p>
  
  <pre><code>Initial page load: true false
  Normal refresh via Ctrl + R: false false
  Refresh skipping cache via Ctrl + Shift + R: true false
  </code></pre>
  
  <p>I have tried many different methods of looking at the checkbox value, including <code>$('#check1').attr('checked')</code> without success.  If I examine the HTML in Firebug, I can see that the first radio button has the property <code>checked="checked"</code> in it.</p>
  
  <p>Why is the checkbox value changing in FF when I refresh, and how can I mitigate this?  Since this seems to be a FF-only bug, how can I change my code to make it work?</p>
  
  <p><a href="https://stackoverflow.com/questions/901712/check-checkbox-checked-property-using-jquery">This SO question</a> seemed to ask something similar, but none of the proposed solutions seem to work in this case.</p>
  
  <p><strong>Edit</strong>: I should also point out that when the radio button is rendered after the refresh in FF, it's not actually being <em>displayed</em> as checked either, despite what the HTML is telling me.</p>
  
  <p><strong>Edit2</strong>: Adding raw HTML as per request</p>
  
  <pre><code>&lt;input id="check1" type="radio" value="True" name="check" checked="checked"/&gt;
  &lt;input id="check2" type="radio" value="False" name="check"/&gt;
  </code></pre>