title: iFrame not loading on page load (jQuery Mobile)
body: <p>I am having trouble getting an iFrame to display the first time that my jQuery mobile backed page loads. </p>
  
  <p>I have an iFrame as follows: </p>
  
  <p><code>&lt;iframe id="manual" src="pdf/manual.pdf" style="width: 100%; height: 100%;"&gt;&lt;/iframe&gt;</code></p>
  
  <p>And for some reason, when the page loads, the iFrame fails to load with it. I can only see the PDF file if I <strong>REFRESH</strong> the page. Why is that?</p>
  
  <p>Why is the PDF file not showing up in the iFrame in the first place without a page refresh?</p>
  
  <p>Thanks everyone for any insight.</p>
  
  <p>EDIT:</p>
  
  <p>When I try to ope the page with safari, I get the following warning:</p>
  
  <p><code>Resource interpreted as Document but transferred with MIME type application/pdf.</code></p>
  
  <p>Could that have something to do with why the PDF doesn't load correctly?</p>