[РустамRu]

есть вот такой скрипт:

<script type="text/javascript">
	function simple_tooltip(target_items, name){
$(target_items).each(function(i){
$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
var my_tooltip = $("#"+name+i);

$(this).removeAttr("title").mouseover(function(){
my_tooltip.css({opacity:1, display:"none"}).fadeIn(10);
}).mousemove(function(kmouse){
my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+0});
}).mouseout(function(){
my_tooltip.fadeOut(10);
});
});
}
$(document).ready(function(){
simple_tooltip("area","tooltip");
});
</script>

я решил его немного подкорректировать так, чтобы только при условии что id="squidhead0" title принимал class="tooltip", например если id="squidhead2", то title не оформляется или же оформляется но по другому стилю. Так вот я изменил вот так:

<script type="text/javascript">
	function simple_tooltip(target_items){
$(target_items).each(function(){
$("body").append("<div class='parking' id='squidhead0'><p>"+$(this).attr('title')+"</p></div>");
var my_tooltip = $("#squidhead0");

$(this).removeAttr("title").mouseover(function(){
my_tooltip.css({opacity:1, display:"none"}).fadeIn(10);
}).mousemove(function(kmouse){
my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+0});
}).mouseout(function(){
my_tooltip.fadeOut(10);
});
});
}
$(document).ready(function(){
simple_tooltip("area","tooltip-parking");
});

<div class="parking">

<img src="... alt="" class="map"  usemap="#park" />

<map name="park">

<area id="squidhead0" title="Парковка" alt="Link" coords="5,35, 155,10, 250,70, 285,140, 277,143, 278,190, 335,310, 90,320, " shape="poly" href="#" data-maphilight="{&quot;stroke&quot;:false,&quot;fillColor&quot;:&quot;fdff5a&quot;,&quot;fillOpacity&quot;:0.7}" /> 

</map>
</div>

но вот только не работает, что сделал не так ?