binding jquery onclick even to this tooltip
<p>I'm using this <a href="http://cssglobe.com/lab/easytooltip/03.html" rel="nofollow">great tooltip</a> which displays the tooltip (title of an anchor element with .tooltip function called on it) upon hover. This time around, I want it to display upon click so I did this:-</p>

<pre><code>$(document).ready(function(){

    $(".icons a.tooltips").click(function() {
        return $($(this).attr("href")).html().easyTooltip();

        // Prevent the browser jump to the link anchor
        e.preventDefault();
    });
});
</code></pre>

<p>the html for this is as follows:</p>

<pre><code>&lt;div class="foo"&gt;
    &lt;a class="bar" title="Lorem ipsum" href="#"&gt;&lt;/a&gt;
    &lt;a class="bar" title="meaningless text" href="#"&gt;&lt;/a&gt;
    &lt;a class="bar" title="more meaningless text" href="#"&gt;&lt;/a&gt;
    &lt;a class="bar" title="even more meaningless text" href="#"&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>
