title: not able to render response in firefox
body: <p>Hi I'm trying to render below html</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;/head&gt;
  &lt;body &gt;
      &lt;select id="countrySelect" size="1"&gt;
          &lt;option&gt;&lt;/option&gt;
          &lt;option&gt;USA&lt;/option&gt;
          &lt;option&gt;Singapore&lt;/option&gt;
      &lt;/select&gt;
      &lt;button &gt;show selected&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But getting following error in browser console:
  <strong>The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.</strong></p>