jQuery tabs - Avoid showing tab anchor tag title attribute as tool tip
<p>jQuery 1.7.1 - I'm using jQuery tabs widget in my JSP and have the following code to represent tabs,</p>

<pre><code>&lt;div id="tabs"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="t1" title="content"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="t2" title="content"&gt;Polls&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="t3" title="content"&gt;Events&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
        &lt;div id="content"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>These 3 tabs appear OK in the browser, but when I mouse over the tabs 'content' is getting displayed as a tool tip in Chrome, Firefox and IE. Any way to avoid seeing 'content' as tool tip and provide the actual tool tip like 'Click to see Gallery' etc.</p>

<p>EDIT: I use title attribute to specify the container for loading ajax content,
 <a href="http://jqueryui.com/demos/tabs/#Ajax_mode" rel="nofollow">http://jqueryui.com/demos/tabs/#Ajax_mode</a></p>
