tooltip plugin

tooltip plugin

for some reason the tooltips are always displayed on page load, i cant get the animation (popup/disappear) to  work properly.  any suggestions greatly appreciated.

I have a table, 1 row per table all pop ups are occuring in each table row displaying alternate data in a div (<%$service_message%>) where (<%$service%>) is the TD contents.

jquery stuff
-------------------------

$(document).ready(function()
    {
       $('#tooltip div').tooltip({
           track: true,
           delay: 0,
           showURL: false,
           fade: 250,
           bodyHandler: function() {
              var data = $(this).attr("id");
              return data;
           }
    });
});

HTML stuff
-------------------------
% foreach $service {
%     foreach $thing {
%           $thing =~ $somevalue;
%           $service_message = $thing
%     }
<td id="<% $tagid %>"><%$service%>
<div id="tooltip"><%$service_message%></div>
</td>
%}

css stuff
---------------------------

#tooltip {
   position: absolute;
   z-index: 3000;
   border: 1px outset #111;
   background-color: #ffffd1;
   padding: 5px;
   opacity: 0.85;
} 

#tooltip div {
   width: auto;
   background: inherit;
   margin: 0;
}
~