title: Jquery -> Document.Ready -> Doesn't fire
body: <p>I'm running Mac OS 10.6, Chrome 34, and jQuery 2.1.1.
  I have this simple code taken from TutsPlus '30 days to learn jQuery'.
  I claim there's a bug in jQuery.
  Or... you tell me! ;)</p>
  
  <p>This doesn't work:</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
    &lt;title&gt; Does not work &lt;/title&gt;
    &lt;script type="text/javascript" src="jquery-2.1.1.js"&gt;&lt;/script&gt;  //script is in root
    &lt;style&gt;
     .emphasis{font-weight: bold;}
    &lt;/style&gt;
  
    &lt;script&gt;
      $(document).ready(function()){$('li:first-child').addClass('emphasis');});
    &lt;/script&gt;
  
   &lt;/head&gt;
   &lt;body&gt;
    &lt;ul&gt;
     &lt;li&gt;Hello&lt;/li&gt;
     &lt;li&gt;Hello 2&lt;/li&gt;
     &lt;li&gt;Hello 3&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This works:</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
    &lt;title&gt; &lt;/title&gt;
    &lt;script type="text/javascript" src="jquery-2.1.1.js"&gt;&lt;/script&gt;
    &lt;style&gt;
    .emphasis{font-weight: bold;}
    &lt;/style&gt;
  
  
    &lt;/head&gt;
   &lt;body&gt;
  
   &lt;ul&gt;
    &lt;li&gt;Hello&lt;/li&gt;
    &lt;li&gt;Hello 2&lt;/li&gt;
    &lt;li&gt;Hello 3&lt;/li&gt;
   &lt;/ul&gt;
  
    &lt;script&gt;
     $('li:first-child').addClass('emphasis');
    &lt;/script&gt;
  
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>