title: why does this jquery code hide my paragraphs
body: <p>Why does this code output 4 and all the other content does not get outputted? </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
      &lt;title&gt;jQuery&lt;/title&gt;
      &lt;script src="jquery-1.9.1.js"&gt;&lt;/script&gt;
      &lt;script&gt;
      $(document).ready(function() {
        var par = $("p");
        document.write(par.length);
      });
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;p&gt;I am one&lt;/p&gt;
      &lt;p&gt;I am two&lt;/p&gt;
      &lt;p&gt;I am three&lt;/p&gt;
      &lt;p&gt;I am four&lt;/p&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>