title: Inject a tag inside another tag in <head> using javascript/jQuery
body: <p>How do I inject  tag inside  in head using javascript.</p>
  
  <pre><code>&lt;noscript&gt;
       &lt;img height="1" width="1" style="display:none"
          src="https://www.facebook.com/tr?id=801318466672120&amp;ev=PageView&amp;noscript=1"
          /&gt;&lt;/noscript&gt;
  </code></pre>
  
  <p>I tried </p>
  
  <pre><code>var nonscript = document.createElement('noscript');
      nonscript.innerHTML = "&lt;img height='1' width='1' style='display:none' src='https://www.facebook.com/tr?id=801318466672120&amp;ev=PageView&amp;noscript=1'/&gt;";
      head.appendChild(nonscript);
  </code></pre>
  
  <p>but it comes like</p>
  
  <pre><code>&lt;noscript&gt;
      "&lt;img height="1" width="1" style="display:none"
          src="https://www.facebook.com/tr id=801318466672120&amp;ev=PageView&amp;noscript=1"
          /&gt;" &lt;/noscript&gt;
  </code></pre>