title: jQuery .empty() with iframe whose src is a pdf breaks plugin in internet explorer
body: <p>In Internet Explorer 8-10, if I have an iframe whose source is a PDF, and that Iframe is wrapped in a div, and I call <code>jQuery.empty()</code> on that wrapping div, there seems to be some sort of interaction between the PDF plugin and IE that causes the plugin to break, become non-interactive (unable to do anything with regard to the document after removal from the DOM), and in some occasions ignore scrolling, floating above the page. </p>
  
  <p>Sample Code:</p>
  
  <pre><code>&lt;button id="remove"&gt;remove&lt;/button&gt;
  &lt;div style="height:2000px"&gt;
      &lt;div style="height:500px; width:800px;" id="embedDiv"&gt;
          &lt;iframe style="width:100%; height:100%;" src="somepdf.pdf"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      $(function () {
          $("#remove").click(function () {
              $("#embedDiv").html("Some Content!");
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Working example can be found at <a href="http://jsfiddle.net/j2e56/" rel="nofollow">http://jsfiddle.net/j2e56/</a></p>
  
  <p>Is there any way to hide/remove this embedded pdf after .empty() has been called? I'm working in an environment where I really don't know how or when my frame will be removed from the page, and I have no control over how it will be removed. I can use setInterval to check periodically whether the iframe is still on the document after the fact, but I'm not sure how to do that.</p>
  
  <p>Setting the <code>src</code> attribute on the frame to <code>''</code> or <code>'about:blank'</code> will work before <code>empty()</code> has been called, but it seems to not have any effect afterward which is where I seem to be stuck in this case.</p>