I have a page that loads a div from another page from same domain on successful submission of a form. It works in all browsers except IE 7 and 8 where I get the following error:
Here is the error code: Error: Access Denied
my code:
$("#formTwo").validate({
groups: { asset: "trade_futures trade_fx trade_equities" },
errorElement: "em",
errorPlacement: function(error, element) {
error.appendTo(element.parent("li"));
},
submitHandler: function(form) {
$("#processing").show();
var dataString = $(form).serialize();
$.ajax({
type: $(form).attr('method'),
url: form.action,
data: dataString,
success: function(data, status) {
$("#currentUser, #newUser, #submitContain, #processing").hide();
$("#contain").load('download-download #req');
},
error: function (data, status) {
$("#newUser, #submitContain").hide();
$("#contain").html("error");
}
});
return false;
},
//rest of rules, messages
I have seen a lot of discussion about this but none of the solutions seem to work. I have tried loading from google cdn, microsoft cdn, jquery cdn and from a local copy of jquery-1.4.2.js but nothing works!