Get Iframe Jquery Instance from parent

If we have an Iframe with jQuery loaded, access that instance from the parent window.

by Salustiano Silva

HTML

<iframe id="bubu" width="300" height="300"></iframe>

JavaScript

var H = '<html><body><h1 id="hh">Bubu</h1>';
    H += '<scr' + 'ipt src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></scr' + 'ipt>';
    H += '<scr' + 'ipt>$(document).ready(function() {';
    H += 'alert("yay");';
    H += '});</scr' + 'ipt>';
    H += '</body></html>';

var myIframe = document.getElementById("bubu");

var myIframeContent =  myIframe.contentDocument ||  myIframe.contentWindow.document;

myIframeContent.open();
myIframeContent.write(H);
myIframeContent.close();


var myIframeWin = myIframe.contentWindow || myIframe.contentDocument;

if (!myIframeWin.document) {
    myIframeWin = myIframeWin.parentNode();
}

alert(myIframeWin["$"]);