jQuery Ajax form submisssion doesnt work in IE

[davidserduke]

Reported by sinanduman on the Google issues board and moved here.

What steps will reproduce the problem?

// prepare the form when the DOM is ready 
$(document).ready(function() { 
    var options = { 
        target:        '#output',   // target element(s) to be updated 
with server response 
        // beforeSubmit:  showRequest  // pre-submit callback 
        success:       selectBox  // post-submit callback 
    }; 
 
    // bind to the form's submit event 
    $('#converter').submit(function() { 
        // inside event callbacks 'this' is the DOM element so we first 
        // wrap it in a jQuery object and then invoke ajaxSubmit 
        $(this).ajaxSubmit(options); 
        // !!! Important !!! 
        // always return false to prevent standard browser submit and page 
navigation 
        return false; 
    }); 
}); 
 
 
// post-submit callback 
function selectBox(responseText)  {
	document.converter.output.value=responseText;
	document.converter.output.focus();
	document.converter.output.select();
}

What is the expected output? What do you see instead?

It is OK in Opera and FF but not IE. It is expected that responseText would be in #output text box.

What version of the product are you using? On what operating system? jQuery last version, 1.1.3.1, Internet Explorer 7, Windows Vista Home Basic Edition

Please provide any additional information below. I am using jQuery with jQuery Form plug-in. Delete comment Comment 1 by fspiesser, Dec 21, 2007 Same problem with version 1.2.1 (IE7, XP Pro). Works well in 1.1.2

[Airport1]

Is it possible this bug seems to remain still in latest version?

The success handler is never called under IE6, but under all other modern browsers.

Is there a workaround?

[dmethvin]

This is not a jQuery core bug; ajaxSubmit is part of the Form plugin, assuming that's the one being referred to here.

​http://jquery.malsup.com/form/