title: How to Uncheck A radio button
body: <p>I have two forms, one with a radio button that users must select to edit. </p>
  
  <pre><code>[form name="A"]
  &lt;li&gt;[input type="radio" name="BookItem" value="1" /]&lt;/li&gt;
  &lt;li&gt;[input type="radio" name="BookItem" value="2" /]&lt;/li&gt;
  &lt;li&gt;[input type="radio" name="BookItem" value="3" /]&lt;/li&gt;
  [form]&lt;p&gt;
  </code></pre>
  
  <p>After "BookItem" is selected from form (A) I call the <code>$("#EditFormWrapper").load("callEditData.cfm? ID="+ID);</code> function to load the second form (B) </p>
  
  <pre><code>&lt;div id="EditFormWrapper"&gt;&lt;div&gt;&lt;/p&gt;
  &lt;!---//  begin dynamic form generated by external file callEditData.cfm  //---&gt;
  [form id="editForm" name="B"]
  &lt;ul class="hourswrapper"&gt;
  &lt;li&gt;&lt;input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="AM2Hrs1" /&gt; 2 Hours AM&lt;/li&gt;
   &lt;li&gt;&lt;input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="PM2Hrs1" /&gt; 2 Hours PM&lt;/li&gt;
  &lt;li&gt;&lt;input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="AM2Hrs2" /&gt; 2 Hours AM&lt;/li&gt;
   &lt;li&gt;&lt;input type="checkbox" id="TOR2Hours" class="TOR2Hours" name="TOR2Hours" value="PM2Hrs2" /&gt; 2 Hours PM&lt;/li&gt;
  &lt;/ul&gt;
  [input type="image" src="images/submit-btn.gif" id="addBTN" name="addBTN" class="buttons" alt="SubmitRrequest" /]
  [input type="image" src="images/cancel-btn.gif" id="editBTNcancel" name="editBTNcancel" class="buttons" alt="Cancel Request" /]
  [/form]
  &lt;!---//  end dynamic form from external file //---&gt;
  </code></pre>
  
  <p>I want to uncheck the radio button on form (A) when user click on cancel button (editBTNcancel) in form(B).  </p>
  
  <p>Here's my script:</p>
  
  <pre><code>$("#editBTNcancel").live("click", function(event){
      event.preventDefault();
      $("#EditFormWrapper").slideUp("fast").empty();
      //$('.TOR2Hours').removeAttr('checked');
      $('.TOR2Hours').attr('checked', false);
  });
  </code></pre>
  
  <p>I hope I clearly state my problem, any suggestion would be greatly appreciated! </p>