jquery - Assigning map area to tooltip -

i got bootstrap tooltip working text , buttons, when try assign map area it, doesn't should.

the text there, bootstrap neatness gone.

here code:

<a>     <img src="http://i621.photobucket.com/albums/tt296/viktorvnh/deskone_zpswpfj5mrc.jpg" usemap="#map"/> <map name="map" id="map">          <area shape="rect" coords="374,414,624,570" href="#" data-toggle="modal" data-toggle="tooltip" title="i don't remember painting that." data-target=".modal" </map> </a> 

look @ example :

bootply : http://www.bootply.com/hsm6jquk1s

the area has no ~position , size~, you've got set it... else, tooltip doesn't know should appear....

css:

#myarea{   position:absolute;   left:374px;   width:250px;   top:414px; } 

js:

$('#myarea').tooltip();