jquery .load callback never called in Internet Explorer

Question

I am downloading files through IFRAME method described here:

http://encosia.com/2007/02/23/ajax-file-downloads-and-iframes/

And am showing progress in a div and hiding this div on load completion:

$(objIframe).load(function() {
    $("#spinner").hide();
});

The trouble is, this callback function is never called in Internet Explorer yet it works fine in FireFox. I have added random values to the query request string to avoid caching. Why is the callback not being called?

Answer 1

Here is my final attempt.

// prepare iframe    
setTimeout(checkReadyState, 100);    

function checkReadyState() {
    if (objIframe.contentWindow.document.readState !== "complete") {
        setTimeout(checkReadyState, 100);
    }
    else {
        $("#spinner").hide();
    }
}

Answer 2

As far as I know onLoad won't fire if the content is not an HTML document of some kind. At least in my tests it tends to succeed for e.g. text files, html, images, etc, but fail for most other things.