title: jQuery - images map hover not working
body: <p>I have this code :</p>
  
  <pre><code>$("#menu1").hover( function () {
              $(".menu-wrapper").fadeIn("slow");             
  })
  </code></pre>
  
  <p>and this HTML code :</p>
  
  <pre><code>&lt;div style="position:absolute; left: 18px; top: 55px;"&gt;
      &lt;img id="top" src="images/topNavigation.png" alt="" width="578" height="42" border="0" usemap="#Map2" /&gt;
      &lt;map name="Map2" id="Map2"&gt;
          &lt;area shape="rect" id="menu1" coords="467,7,538,35" href="#" /&gt;
          &lt;area shape="rect" coords="309,10,415,33" href="#" /&gt;
          &lt;area shape="rect" coords="163,8,271,36" href="#" /&gt;
          &lt;area shape="rect" coords="47,6,122,34" href="articles" /&gt;
      &lt;/map&gt;
  &lt;/div&gt;
  &lt;div class="menu-wrapper"&gt;
          &lt;ul dir="rtl"&gt;
              &lt;li&gt;Link 1&lt;/li&gt;
              &lt;li&gt;Link 2&lt;/li&gt;
              &lt;li&gt;Link 3&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and it's not working</p>
  
  <p>What is the problem?</p>