How come this jQuery script will not highlight the first child in my list?
<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"&gt;&lt;/script&gt;
    &lt;style&gt;
    .emphasis { font-weight: bold; } 
    &lt;/style&gt;
    &lt;script&gt;
    $(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;hello2&lt;/li&gt;
    &lt;li&gt;hello3&lt;/li&gt;
&lt;/ul&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I'm following a tutorial: <a href="http://tutsplus.com/lesson/not-so-fast-jquery/?WT.mc_id=learnjquery" rel="nofollow">http://tutsplus.com/lesson/not-so-fast-jquery/?WT.mc_id=learnjquery</a></p>

<p>This code is exactly what he has near the end, yet it does not work for me. Any reason why?</p>
