jQueryでツールチップを作成する

前提

jQueryで追従するツールチップを作成したいのですが、console.logで確認したしたところ『has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
』というエラーが出てしまいます。

実現したいこと

・エラーが出ないようにする
・要素にマウスが乗ったら、追従するツールチップを表示させたい

発生している問題・エラーメッセージ

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

該当のソースコード

jQuery
$(function(){
    //$(".tooltip").hide();
    $(".tooltip-body").mouseover(function(e){
      $(".<div class='tooltip' style='display: none;'>description</div>tooltip").fadeIn();
    });
    $(".tooltip-body").mouseout(function(e){
      $(".<div class='tooltip' style='display: none;'>description</div>tooltip").fadeOut();
    });
    $(".<div class='tooltip' style='display: none;'>description</div>tooltip").mousemove(function(e){
      $(".tooltip").css({
        "top":e.pageY,
        "left":e.pageX
      })
      .stop(true,false)
    });
});

html
<body>
<div class="tooltip-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br>Accusamus, provident harum commodi nam fugiat blanditiis natus similique odio minima eius tenetur, facilis sit amet, alias nemo pariatur modi ab facere.</div>

// 今回やるのはツールチップです。
// .tooltip-bodyにマウスが乗ったら、
// <div class='tooltip' style='display: none;'>description</div>
// がfadeInし、マウスが外れたらfadeOutする。
// その際に.tooltipがマウスに追尾する。
// x座標、y座標の取得方法。
// function(e) {
//     var x = e.pageX,
//         y = e.pageY;
// }
// mousemove マウスが移動している状態を取ります。
// .hover() マウスが乗った、外れた時のタイミングを取ります。
// .stop() アニメーションを止めます。引数次第で止め方が変わります。ググりましょう。

</body>