現在、表の各セルをツールチップ表示しています。拡大鏡のようなイメージです。

表の各セルにテキスト、それと同じテキストをtitle属性に、…(a)
そのtitle属性をツールチップ表示しています。
ツールチップ表示はjQuery UIを使用しています。…(b)

$('table').find('td').tooltip(); …(b)
$('table').find('td:nth-of-type(i)).text(str).attr('title', str); …(a)

tooltip()はtitleをツールチップ表示する仕様です。
省略していますがnth-of-type(i)はループして各セルに代入しているとみてください。
各セルの内容は動的に変わります。よってonを使用しています。
CSSだけで「content: attr(title);」の方法もありますが機能性の理由でUIを使用しています。

この方法だとソースに同じ内容（テキスト）が2重になってしまいます。
data()を使うにも2重には変わりありません。

セル変更の都度titleに書き込まずにユーザーが読むときだけtitleに書き込んでもいいのですが根本解決にはなりません。

$('table').on('mouseover', 'td', function(){
$(this).attr('title', $(this).text());
});

属性に書き込まずにtext()で取得した内容をツールチップ表示する方法はないでしょうか？
できればUI使用、最悪CSSだけでもけっこうです。
よろしくお願いします。