How to access a tag inside <p> tag using jQuery?
<pre><code>$('p div').click(function(){
    $(this).css({
        'color':'#F00',
        'font':'bold 20px verdana',
        'background-color':'#0FF'
    });
});
</code></pre>

<p>The HTML</p>

<pre><code>&lt;p&gt;Hello&lt;div&gt; World!&lt;/div&gt;&lt;/p&gt;
</code></pre>

<p>Nothing happen when I clicked the "World" text, and when I checked firebug, it says:</p>

<pre><code>&lt;p&gt;Hello&lt;/p&gt;
&lt;div&gt; World&lt;/div&gt;
&lt;p&gt;&lt;/p&gt;
</code></pre>

<p><strong>Notice those &lt;p> tags</strong> </p>

<p>How that could happen?</p>
