i'm working on project where there is a twenties of animation in generated pages. this pages are embedded into iframes of the index page. And i have to add elements to these pages (under the same project) via iframes contents. To simplify things i've tried first to change the iframe body background or add a simple tag to the iframe body. it works with firefox but not with chrome !
// works with firefox but not with chrome
$('#frameId').load( function(e) {
alert('loading');
$('#frameId').contents().find("body").append($("<h1>someThing</h1>"));
});