title: JavaScript\JQuery - identifying if radio button value changed by click
body: <p>I have a page that displays a list of records. The user can select the record status using radio buttons, e.g.: </p>
  
  <pre><code>&lt;div id="record_653"&gt;
    &lt;label&gt;&lt;input type="radio" name="status_653" value="new" checked/&gt;new&lt;/label&gt;
    &lt;label&gt;&lt;input type="radio" name="status_653" value="skipped" /&gt;skipped&lt;/label&gt;
    &lt;label&gt;&lt;input type="radio" name="status_653" value="downloaded" /&gt;downloaded&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using JQuery to send the changes made by the user back to the server, where I use them to update the database. This is a simplified version of what I do:</p>
  
  <pre><code>$("#record_653").click( 
  function(event) { 
      var url = ...,        
          params = ...;
      post(url,params);                    
  });
  </code></pre>
  
  <p>The problem is that this code will create requests even if the user clicks the same button that was previously checked. What I actually want is the "on change" event, except its behavior in Internet Explorer is not very useful (e.g. <a href="https://stackoverflow.com/questions/208471/getting-jquery-to-recognise-change-in-ie">here</a>).</p>
  
  <p>So I figure I somehow have to identify if the click event changed the value. </p>
  
  <p>Is the old value stored somewhere (in the DOM? in the event?) so I could compare against it?</p>
  
  <p>If not, how should I store the old value? </p>