jQuery: Add Class to P inside an li - whenhover over that specific li?
<p>I have multile li tags (Around 24) - and within them, is an image, and a p tag...</p>

<p>My quetion is...</p>

<p>If I hover over the li e.g. the li itself, the image within or the p...how can I add a class to the p tag?</p>

<pre><code>&lt;li&gt;
&lt;img src="" alt="" /&gt;
&lt;p&gt;sometexthere&lt;/p&gt;
</code></pre>

<p></li></p>

<p>and then when I hover over any of those elements of that li, the p get's a class added to it e.g. </p>

<pre><code>&lt;li&gt;
&lt;img src="" alt="" /&gt;
&lt;p class="newclass"&gt;sometexthere&lt;/p&gt;
</code></pre>

<p></li></p>

<p>Note: That it can only be applied to the current li's p not make the change to all the p's within all 24 li's... - Just the current hovered block.</p>

<p>Basically i'm looking just to change the background of the p...so a bonus would to be able to switch class, but with a fade effect (If possible?)</p>
