Jquery Qtip not appearing in all required sections
<p>I am using Jquery Qtips to display tooltips on all image icons explaining their purpose. I have set a 'tooltip' class so that anything given this name. The tooltip should be acquired from the image's alt tag. </p>

<p>But the code only works with some of them and refuses with the others</p>

<pre><code>$(document).ready(function() 
                {
                    $('.tooltip').qtip({
                                   content: $(this).attr('alt'),
                                   show: 'mouseover',
                                   hide: 'mouseout',
                                   position: { target: 'mouse' }
                                });
                });
</code></pre>

<p>The table with the icons is below</p>

<pre><code>&lt;table width="100%" border="0" cellpadding="3" class="contacts"&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;a href="index.php?cid=1&amp;alert=yes" class="editproduct tooltip" alt="Click to Edit Contact"&gt;&lt;h3&gt;Contact Name&lt;/h3&gt;&lt;/a&gt;&lt;/td&gt;
            &lt;td align="right"&gt;
            &lt;a href="index.php?cid=1&amp;alert=yes" id="fRight" target="_blank"&gt;
            &lt;img class="tooltip" alt="Click to download VCard" src="images/icons/vcardicon.png" width="28" height="28" &gt;
            &lt;/a&gt;
            &lt;a class="tooltip" alt="Print item" href="index.php?cid=1&amp;alert=yes" id="fRight"&gt;
            &lt;img src="df_template/images/icons/printicon.png" width="28" height="28"&gt;
            &lt;/a&gt;
            &lt;a class="tooltip" alt="Delete item" href="&amp;task=del&amp;cid=1"&gt;
            &lt;img src="df_template/images/delete.png" width="28" height="28"&gt;
            &lt;/a&gt;&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
</code></pre>

<p>The problem is the Tooltip only appears on the first one but refuses to appear on the subsequent ones.</p>

<p>I need some assistance.</p>

<p>Thanks</p>
