jQuery - apply CSS to first paragraph
<p>I'm a beginning student learning jQuery, and the question says:</p>

<blockquote>
  <p>Add a jQuery event listener to style the first paragraph when the mouse cursor is over it as color brown, bold in style and underlined.</p>
</blockquote>

<p>I'm trying this:</p>

<pre><code>$(document).ready(function() {
    $("p").first().hover(
        function() {
            (this).css('color','brown');
            (this).css('font-weight','bold');
            (this).css('text-decoration','underline');
        },
        function() {
            (this).css('color','black');
            (this).css('font-weight','normal');
            (this).css('text-decoration','none');
        }
    );
});
</code></pre>

<p>But it's not working. All p tags are wrapped in different div tags, does that make a difference? By "first paragraph," I think it means the first paragraph on the page.</p>
