title: jQuery: Access frame in nested frameset
body: <p>I have a document which has a nested frameset.  I need to access one of the nested frames, named "sq_main", and access content inside this frame.  Here is my structure:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Title&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;/head&gt;
  &lt;frameset rows="28,*" frameborder="0" border="0"&gt;
    &lt;frame src="/_admin/?SQ_BACKEND_PAGE=header" name="sq_header" scrolling="no" marginwidth="0" marginheight="0"&gt;
    &lt;frameset cols="380,10,*" frameborder="0" border="0" id ="main_frameset"&gt;
      &lt;frame src="/_admin/?SQ_BACKEND_PAGE=sidenav" name="sq_sidenav" scrolling="no" marginwidth="0" marginheight="0"&gt;
      &lt;frame src="/_admin/?SQ_BACKEND_PAGE=resizer" name="sq_resizer" scrolling="no" marginwidth="0" marginheight="0"&gt;
      &lt;frame src="/_admin?SQ_BACKEND_PAGE=main&amp;assetid=43&amp;sq_from_frontend=1" name="sq_main" marginwidth="0" marginheight="0" scrolling="yes"&gt;
    &lt;/frameset&gt;
  &lt;/frameset&gt;
  &lt;noframes&gt;&lt;/noframes&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Sadly, I can't change the code, that is why I need to access it with jQuery.  I have tried to write a jQuery selector to access the "sq_main" frame, but no luck so far:</p>
  
  <pre><code>$('body', parent.frames[0].sq_main).prepend('&lt;h1&gt;TEST!!!!&lt;/h1&gt;');
  </code></pre>
  
  <p>Ideas on how to drill down into this ugly structure? :)</p>