How to append a class when hovered on a span
<p><strong>My HTML</strong></p>

<pre><code>&lt;span class="lead_button"&gt;
  &lt;img class="NFButtonLeft" src="/templates/web/images/0.png"&gt;
  &lt;button type="submit" class="NFButton" id="cf_ce-submit-button"&gt;Send&lt;/button&gt;
  &lt;img src="/templates/web/images/0.png" class="NFButtonRight"&gt;
&lt;/span&gt;
</code></pre>

<p>What I am trying to do is, when some one <code>hover</code> over the <code>span</code> I want to add appednd a class called <code>NFh</code> to the <code>images</code> and <code>button</code> . So the final output will look like this</p>

<pre><code>&lt;span class="lead_button"&gt;
  &lt;img class="NFButtonLeft NFh" src="/templates/web/images/0.png"&gt;
  &lt;button type="submit" class="NFButton NFh" id="cf_ce-submit-button"&gt;Send&lt;/button&gt;
  &lt;img src="/templates/web/images/0.png" class="NFButtonRight NFh"&gt;
&lt;/span&gt;
</code></pre>

<p>How can I achieve this with jQuery? Thanks heaps.</p>
