title: jQuery click / change function on radio button set
body: <p>I have a radio button set called "pick_up_point". There are 3 options and clicking on an option will display a set of input fields relevant to the option.</p>
  
  <p>Now by default when the user clicks on an option I run the change() function which will run a function called "clearInputFields" - which as you might guess will clear out any text entered in the input fields.</p>
  
  <pre><code>$("input[name='pick_up_point']").change(function()
  {
   clearInputFields(); 
  });
  </code></pre>
  
  <p>Now I have tried extending this so that a prompt is displayed to the user to let them know that the input fields will be cleared:</p>
  
  <pre><code>$("input[name='pick_up_point']").click(function(event)
  {
   if(confirm('Address details will be cleared. Continue?'))
   {
    return true;
   }
   else
   {
    return false;
   }
  });
  </code></pre>
  
  <p>The 'click' function is before the 'change' function.</p>
  
  <p>This works "OK" in Firefox and does not work properly in IE.</p>
  
  <p>In Firefox the radio button gets selected and the prompt is displayed, and clicking on the Cancel button will go back to the previous option with all values retained.</p>
  
  <p>In IE the  radio button gets selected and the prompt is displayed but the values get cleared out. If you click Cancel then no radio button is selected.</p>
  
  <p>The way I would like this to work is if you click another radio button it should not select it unless you click OK on the prompt. If you click Cancel the values should be retained.</p>