I have two forms, one with a radio button that users must select to edit.

[form name=A]

<li>[input type=radio name=BookItem value=1 /]</li>

<li>[input type=radio name=BookItem value=2 /]</li>

<li>[input type=radio name=BookItem value=3 /]</li>

[form]<p>

After BookItem is selected from form (A) I call the $(#EditFormWrapper).load(callEditData.cfm? ID=+ID); function to load the second form (B)

<div id=EditFormWrapper><div></p>

<!---//  begin dynamic form generated by external file callEditData.cfm  //--->

[form id=editForm name=B]

<ul class=hourswrapper>

<li><input type=checkbox id=TOR2Hours class=TOR2Hours name=TOR2Hours value=AM2Hrs1 /> 2 Hours AM</li>

 <li><input type=checkbox id=TOR2Hours class=TOR2Hours name=TOR2Hours value=PM2Hrs1 /> 2 Hours PM</li>

<li><input type=checkbox id=TOR2Hours class=TOR2Hours name=TOR2Hours value=AM2Hrs2 /> 2 Hours AM</li>

 <li><input type=checkbox id=TOR2Hours class=TOR2Hours name=TOR2Hours value=PM2Hrs2 /> 2 Hours PM</li>

</ul>

[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]

<!---//  end dynamic form from external file //--->

I want to uncheck the radio button on form (A) when user click on cancel button (editBTNcancel) in form(B).

Here's my script:

$(#editBTNcancel).live(click, function(event){

    event.preventDefault();

    $(#EditFormWrapper).slideUp(fast).empty();

    //$('.TOR2Hours').removeAttr('checked');

    $('.TOR2Hours').attr('checked', false);

});

I hope I clearly state my problem, any suggestion would be greatly appreciated!