title: image map jquery
body: <p>I have an image with various image maps, eg:</p>
  
  <pre><code>&lt;map id="rade_img_map_1335199662212" name="rade_img_map_1335199662212"&gt;
  &lt;area href="http://" coords="10,10,160,47" shape="RECT" /&gt;&lt;/map&gt;
  </code></pre>
  
  <p>How can i add an inline style using jquery to my ul li</p>
  
  <pre><code>&lt;ul id="level3"&gt;
  &lt;li&gt;Test&lt;/li&gt;
  &lt;li&gt;rwer&lt;/li&gt;
  &lt;li&gt;wer&lt;/li&gt;
  &lt;li&gt;sdf&lt;/li&gt;
  </code></pre>
  
  <p>So if the above image map is for <code>Test</code> how can i fire the jquery on hover? If i set the href for each of the image maps then i can read the values using jquery?</p>
  
  <p>edit i have tried this, but i cant get the class to remove when not hovered:</p>
  
  <pre><code>  $(document).ready(function () {
        $("#rade_img_map_1335199662212").hover(function () {
            $("li#rs1").removeClass("active");  //Make sure no other "active" classes exist
            $(this).addClass("active");  //Add the active class to the area that was clicked
        });
    });
  </code></pre>