Radio Button checked not working in IE8
I'm trying to reset a form so that no radio buttons are selected. The code works in Firefox 3.5.7, Chrome 3, and Safari 4.0.3. However, in IE 8 only the 1st radio button is correctly cleared. If I check the 2nd radio button and click the clear button, the 2nd radio button IS NOT cleared. The following HTML should reproduce the issue. Can others reproduce this? Any solutions? Thanks!
---------------------
<HTML>
<HEAD>
<script type="text/javascript" src="/scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#clear_button').click(function(){
$('#radio_id:checked').attr('checked',false);
});
});
</script>
</HEAD>
<BODY>
<INPUT TYPE="radio" NAME="radio_name" VALUE="Yes" ID="radio_id">
<INPUT TYPE="radio" NAME="radio_name" VALUE="No" ID="radio_id">
<INPUT TYPE="submit" VALUE="clear" ID="clear_button">
</BODY>
</HTML>
---------------------