title: jquery hover multiple items
body: <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>