title: jQuery $("<script></script>").appendTo("head"); does not show up in GENERATED source code. HOW?
body: <p>Well, this is not really a problem, but something really interests me.</p>
  
  <p>Normally we append elements to head/body like</p>
  
  <pre class="lang-js prettyprint-override"><code>$("&lt;style&gt;&lt;\/style&gt;").appendTo("head");
  $("&lt;div&gt;&lt;\/div&gt;").appendTo("body");
  </code></pre>
  
  <p>And when we look at the generated source code, these elements are really there. but,</p>
  
  <pre class="lang-js prettyprint-override"><code>$("&lt;script&gt;&lt;\/script&gt;").appendTo("head");
  </code></pre>
  
  <p>The script element does not show up in the source code.</p>
  
  <p>I looked through the source code of jQuery, and didn't find anything special but pure javascript</p>
  
  <pre class="lang-js prettyprint-override"><code>append: function() {
      return this.domManip(arguments, true, function( elem ) {
          if ( this.nodeType === 1 ) {
              this.appendChild( elem ); // &lt;--
          }
      });
  },
  </code></pre>
  
  <p>If I use pure Javascript to add a script element to head, it'll show up.</p>
  
  <p>So how does jQuery do that to make the script "invisible" and meanwhile "accessible"?<br>
  What's special about the script tag?</p>
  
  <h1>update: note before you answer</h1>
  
  <ul>
  <li>I am not trying to solve a problem.</li>
  <li>I AM using Firebug/Developer tools.</li>
  <li>I am viewing the GENERATED source code.</li>
  </ul>