title: jquery.append() Iframe IE Problem
body: <p>Perhaps this is a bug, but I cannot access an outer document from an iframe with jquery (IE7).</p>
  
  <p>here a very simple example:</p>
  
  <p>top document:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;iframe src="test2.html" id="UserIFrame" name="UserIFrame"&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and child iframe:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="styles/genevadesign_jquery-1.4.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
         function doit(){
            $('body',top.document).append($('#test'));
            $('#test',top.document).fadeIn(300);
        }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="test"&gt;test&lt;/div&gt;
  &lt;input type="button" onclick="doit();"/&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>As you can see, I try to access the top document from the inner frame like this:</p>
  
  <p>$('body', top.document).append($('#test'));</p>
  
  <p>But this does not work in IE7 "Invalid Argument". It works within the same document, but as soon as I refer another document it stops working.</p>
  
  <p>PS. Gecko Browser can handle this. Just IE7 so far is not able to do so.</p>