I've hit my head against the walls for hours on this one, searching the internet for ideas and trying everything I can come up with. Yet I still can't explain why my simple little ajax call works in Chrome/FF/Safari but not in IE or Opera.
Here's the test page, it's a zip code based store locator search. (Although the PHP is being hosted on a different domain.)
JQUERY
using Google jsapi autoloader for jQuery 1.7.1 and jQueryUI 1.8.17
also have jQuery Validate 1.9 and jQuery Forms
AJAX
<script type="text/javascript">
$(document).ready(function() {
$('#zipper').submit(function() { // catch the form's submit event
$.ajax({ // create an AJAX call...
type: $(this).attr('method'), // GET or POST
url: $(this).attr('action'), // the file to call
data: $(this).serialize(), // get the form data
cache: false,
success: function(response) { // on success..
$('#created').html(response) // update the DIV
}
});
return false; // cancel original event to prevent form submitting