jQuery - hover function with two classes for an element, a hover for each class
<p>I'm not sure if this is a different problem embedded somewhere in my code, or an issue with the hover function i'm not aware of - </p>

<p>in short, i have an element with two classes</p>

<pre><code>&lt;input type="image" class="classA classB" ... /&gt;
</code></pre>

<p>and i have jQuery code like so:</p>

<pre><code>$('classA').hover(){
    function1,
    function2
}

$('classB').hover(){
    function3,
    function4
}
</code></pre>

<p>what i'm wanting is that when you hover over the input, BOTH hover functions (function1, function3) get fired. And when you move off it, BOTH functions (function2, function4) are also fired.
What appears to be happening is that the classB hover completely overrides or shadows or what have you the classA hover function. </p>

<p>Is this intended behaviour (or is this an indication that something is wrong with my much-larger code base?), and if so, what is the general consensus work around?</p>
