$ is not defined in iFrame

Question

I have a page with an iframe in it. my iframe page is iframe.php and my main page is main.php when i load iframe.php directly my jquery code executes fine, but when I load m

Answer 1

I was loading iframe in a webpage and I could find $ object using

var $ = parent.$;

but this was not performing selection on the elements of iFrame. Found below code to execute selector on the iFrame body

if (typeof(jQuery) == "undefined") {
    var iframeBody = document.getElementsByTagName("body")[0];
    var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); };
    var $ = jQuery;
}

Somehow the document object was also undefined.

Source of above code: https://gist.github.com/843229

Hope it helps someone.