jquery hover multiple items
<p>say you have this code:</p>

<pre><code>    $("#sub_nav_home1").hover(function () {
        $("#homepage").removeClass();
        $("#homepage").addClass("homepage1");
    });
    $("#sub_nav_home2").hover(function () {
        $("#homepage").removeClass();
        $("#homepage").addClass("homepage2");
    });
    $("#sub_nav_home3").hover(function () {
        $("#homepage").removeClass();
        $("#bhomepage").addClass("bhomepage3");
    });

    &lt;ul class="nav sub_nav_home"&gt;
        &lt;li id="sub_nav_home1"&gt;&lt;a href="#"&gt;&lt;span&gt;LINK1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li id="sub_nav_home2"&gt;&lt;a href="#"&gt;&lt;span&gt;LINK2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li id="sub_nav_home3"&gt;&lt;a href="#"&gt;&lt;span&gt;LINK3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
</code></pre>

<p>IS there a way were we can only do the hover jquery functionality once, instead of one per link?</p>

<p>Hope that made sense</p>

<p>Cheers</p>
