jquery - jquery で非常にシンプルなツールボックスを作成します。タイトル属性からテキストを挿入する方法

Question

jquery に基づいて、Web サイト用の非常に単純なツールチップ ソリューションを作成しようとしています。次のスクリプトを使用しています。

jQuery(document).ready(function($){
$("a.tooltip").hover(function () {
    $('<div class="tooltip-box"><p></p></div>').text($this.attr('title')).appendTo(this);
    }, function () {
    $("div.tooltip-box").remove();
});
$("a.tooltip").on("click", function(event){
    event.preventDefault();
});

});

マークアップ:

<a href="#" title="Tooltip text here" class="tooltip"></a>

どういうわけか、現時点では機能していません。私は自分でたくさん試して、ここで検索しましたが、わかりません。単純な構文エラーのみの場合は申し訳ありません。jquery初心者です。ご協力いただきありがとうございます！