title: JQuery Tool tips
body: <p>I want to create a tool tip for an image with a link now I had it working one but it doesn't work with the 2nd image.</p>
  
  <p>Here is my Sample Code:</p>
  
  <pre><code>&lt;!-- trigger element. a regular workable link --&gt; 
  &lt;a id="test" title="Name - Title"&gt;Name&lt;/a&gt; 
  
  &lt;!-- tooltip element --&gt; 
  &lt;div class="tooltip"&gt; 
   &lt;div&gt;&lt;span class="name"&gt;Name&lt;/span&gt;&lt;br /&gt;
  Title
  &lt;span&gt;&lt;a href="#"&gt;more info»&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- trigger element. a regular workable link --&gt;
  &lt;a id="test2" title="Name - Title"&gt;Name&lt;/a&gt; 
  
  &lt;!-- tooltip element --&gt; 
  &lt;div class="tooltip2"&gt; 
   &lt;div&gt;&lt;span class="name"&gt;Name&lt;/span&gt;&lt;br /&gt;
  Title
  &lt;span&gt;&lt;a href="#"&gt;more info»&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is my script that makes it all happens:</p>
  
  <pre><code>&lt;script&gt;
  // What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
  
  $(document).ready(function() {
  
   // enable tooltip for "test" element. use the "slide" effect
   $("#test").tooltip({ 
   effect: 'slide',
      offset: [50, 40] }); 
  
   $("#test2").tooltip2({ 
   effect: 'slide',
      offset: [50, 40] }); 
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>but not working please help. here is the <a href="http://flowplayer.org/tools/demos/tooltip/any-html.html" rel="nofollow noreferrer">sample</a> Jquery I am trying todo</p>