title: HTML, jQuery : Show text over area of image-map
body: <p>I have an image-map like:</p>
  
  <pre><code>&lt;img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" /&gt;
  
  &lt;map name="planetmap"&gt;
    &lt;area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /&gt;
    &lt;area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /&gt;
    &lt;area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /&gt;
  &lt;/map&gt; 
  </code></pre>
  
  <p>I use jQuery to append span to area but no chance to show any thing over area.</p>
  
  <p>Is there any way to show text over area, like tooltip, but without mouse over, text over area when page loaded?</p>
  
  <p>Thanks for any help.</p>