I'm currently trying to find the element located in an iframe. The hierarchy goes like this.
html > body > form#form1 > iframe#report-container > html > body > form#form1 > div > pageBreaker
(This is an aspx page, within an aspx page, that uses ascx file within an iframe).
You don't need jQuery to do this necessarily.
var iFrame = document.getElementById('iFrameId').contentDocument; var desiredElement = iFrame.getElementById('pageBreaker');
Using the document API we can easily get the iFrame element and pull the content document out of it. Then it is trivial locating an element via its ID.