title: PDF embed not working in IE11, but it WORKS when edit the HTML in DOM Explorer (F12 - debug tool of IE)
body: <p>Here is the Fiddle link "<strong><em><a href="http://jsfiddle.net/Z99gr/2/" rel="noreferrer">http://jsfiddle.net/Z99gr/2/</a></em></strong>" which similar to my code, I have created a Image slider using Galleriffic. In the image slider along with images I am showing PDF embedded.</p>
  
  <p>The Fiddle link and my image slider works fine in Chrome and Firefox, but in IE I its not loading. <strong>I am testing in IE 11</strong></p>
  
  <p>In IE, when I open the "<strong>DOM Explorer (F12 - debug tool of IE)</strong>" and selects the <code>&lt;div&gt;</code> which contains the <code>&lt;embed&gt;</code> tag for PDF, it show below code.</p>
  
  <pre><code>   &lt;div id="pdf"&gt;
          &lt;embed width="500" height="375" src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" type="application/pdf"&gt;
          &lt;/embed&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>And when I just edit anything in this HTML TAG within the "DOM Explorer (F12 - debug tool of IE)", it loads the  PDF.</strong></p>
  
  <p>This is a very weird nature of this issue.</p>
  
  <p>I don't understand how to fix this issue.</p>
  
  <p>Please suggest!</p>
  
  <p><strong>I am getting below results inm IE11:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/rfpQB.png" alt="enter image description here"></p>
  
  <p><strong>Where as the results should be something like this (its a screencapture from Chrome):</strong> 
  <img src="https://i.stack.imgur.com/SEQNq.png" alt="enter image description here"></p>