title: jQuery change function returning wrong value on POST w/ RadioButtonFor
body: <p>I have some jQuery I'm using to "do stuff" depending on the value of a selected radio button. It works perfectly fine and as expected...until I submit the page and POST back to itself. After a POST, the value of 'this' within the function is <em>always</em> the first radio button - "filterByCategory1". I think this has something to do with MVCs abusing of radio button id's (same id for multiple buttons), but that's an uneducated guess.</p>
  
  <p>the jQuery:</p>
  
  <pre><code>$('input[id^="filterBy"]').change(function (e) {
      if ($(this).val() == 'filterByCategory1') {
          // do stuff
      } else if ($(this).val() == 'filterByCategory2') {
          // do other stuff
      }
  });
  
  // Just to make "do stuff" happen on initial page load
  $('#filterBy').change();
  </code></pre>
  
  <p>The razor bit</p>
  
  <pre><code>@Html.RadioButtonFor(x =&gt; x.filterBy, "filterByCategory1", new { @checked = "checked" }) One &lt;br /&gt;
  @Html.RadioButtonFor(x =&gt; x.filterBy, "filterByCategory2") Two
  </code></pre>