title: jQuery radio button on change function runs twice
body: <p>I have this little function in my website:</p>
  
  <pre><code>$( 'form .radio_buttons' ).change( doTheFunction )
  </code></pre>
  
  <p>which works fine, but I noticed that it is always running twice whenever a radio button option changes. After thinking for 5 seconds I realized what was going on; there are 2 change events occurring: </p>
  
  <pre><code>change 1: the checked radio button is unchecked 
  change 2: the unchecked radio button is checked
  </code></pre>
  
  <p>My question is how do I treat this as one event? is there a slick Javascript function I can use? </p>
  
  <p>EDIT: <br>
  It seems there may be a deeper issue going on here, I can't duplicate the problem outside of my app, but Scott Marcus' answer worked for me. I'll have to figure out why change events are firing twice...</p>