Cannot modify content of iframe, what is wrong?

Question

I am trying to modify content of an iframe but it does not work.

This is my main.html

&         


        

Answer 1

Please don't forget the cross-domain policy, otherwise it won't work.

Live demo: http://jsfiddle.net/oscarj24/wTWjF/

(Just to know, I am not using a 404 page, take a look)

Try this:

$(document).ready(function(){
    $('#ifr').ready(function(){
        $(this).contents().find('body').html('Hey, I have changed the body content yay!');
    });
});​