title: PrismJS Code Highlighting issue
body: <p>I try to use prismjs <a href="http://prismjs.com/download.html" rel="nofollow noreferrer">http://prismjs.com/download.html</a> for code highlighting, but it is not working see this fiddle <a href="http://jsfiddle.net/939u16ac/" rel="nofollow noreferrer">http://jsfiddle.net/939u16ac/</a> I am getting the rendered HTML instead of the markup PFA markup and Screenshot</p>
  
  <p><strong>HTML File:</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt; Demo&lt;/title&gt;
          &lt;meta charset="utf-8"/&gt;
          &lt;link rel="stylesheet" href="lib/prism.css"&gt;
          &lt;script src="lib/prism.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body onload=""&gt;
  
  &lt;pre class="line-numbers language-markup"&gt;
  &lt;code  class=""&gt;
  &lt;ol type="1"&gt;
  &lt;li&gt;
  href atribute is must and id, class, title attribute are optional 
  &lt;/li&gt;
  &lt;li&gt;
  In angular application or you are not having any navigation link, use &lt;b&gt;javascript:void(0)&lt;/b&gt; in href attribute value
  &lt;/li&gt;
  &lt;/ol&gt;
  &lt;a id="optionalID" class="optionalClass"  title="optionalTitle" href="Product.html" &gt;Product Page&lt;/a&gt;
  &lt;/code&gt;
  &lt;/pre&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/vQfWx.png" alt="enter image description here"></p>
  
  <p>Could any one spot me where i went wrong in implementing it?</p>
  
  <p>Thanks in advance for any help.</p>