jQuery form plugin: issues with radio button on serialize

I have a simple form:

<form class="dataform" method="post" id="settings" action="/">
    <input type="radio" name="shareSetting" value="n"/>
    <input type="radio" name="shareSetting" value="y"/>
    <input type="button" name="sendSettings" value="Store"
        class="btn" onClick="javascript:sendSettings();" />
</form>

And the following JavaScript code:

function sendSettings() {
    $.ajax({
        data: $("form#settings").serialize(),
        type: 'post',
        url: '?settings=store',
        success: function(response) {
            $('#divSettings').html(response);
        }
    });
}

This works perfectly fine in Firefox (3.6 and 4B), Chrome 10, Opera 11, Safari 5 but - you guessed it - not in IE 8.

IE doesn't send the conten开发者_如何学编程t of the radio button, although a value is selected in the browser. It seems that the $("form#settings") lookup fails in IE for unknown reasons.

Please let me know if any of you ran into the same issue and how you fixed it.

Many thanks!

The error was caused by the structure (seems like a bug in IE to me). Initially I had:

<p> / <form> / <dl> / as listed in the question

The issue was gone as soon as I changed the HTML to:

<form> / <p> / <dl> / as listed in the question

http://jsfiddle.net/ybFRu/1/

check this this works fine in ie,7, ie8