DISABLE BUTTON AFTER 1 CLICK ->JQUERY: NOT WORKING WITH I

DISABLE BUTTON AFTER 1 CLICK ->JQUERY: NOT WORKING WITH I

Hello there,

I am using Drupal forms with Jquery. I used the following code to disable a button after it is clicked to prevent double updates.

$(document).ready(function() {
$('#node-form').submit(function (e) {
var settings = Drupal.settings.block_submit;
var inp;
if (settings.block_submit_method == 'disable') {
$('input[type=submit]', $(this)).attr('disabled', 'true').each(function (i) {
});
$(this).submit(function (e) {
return false;
});
}
return true;
});
});


Form ID should be specific to: "node-form".

This structure works fine with Firefox and Chrome but does not work with IE8 / 7 (compatibility mode).
When I click the submit button for the form in IE, it disables the button but the form never submits. (it behaves like an AJAX button where it gets disabled without the submit action ever happening)

How do I solve this? Please help me out of this...


Thanks,
~Amit