Trigger events in iframe's parent window

Question

Why is the following not working:

//iframe: window.parent.$(document).trigger('complete');  //parent window: $(document).bind('complete', function(){   alert('Complete'); }); 

while the following IS working:

//iframe: window.parent.$('body').trigger('complete');  //parent window: $('body').bind('complete', function(){   alert('Complete'); }); 

?

Answer 1

The way events are tracked, you can only trigger or receive events on the same document.

try

window.parent.$(window.parent.document).trigger('complete');