Как заставить всплывающую подсказку qtip перемещаться вместе с курсором

я использую всплывающую подсказку qtip библиотеки js. Я хочу, чтобы всплывающая подсказка qtip перемещалась вместе с моим курсором, когда я наводил курсор на строку наведения в таблице. Я знаю, как заставить свою всплывающую подсказку двигаться вместе с курсором, но я борюсь с qtip. Пожалуйста, объясните код, на который вы отвечаете. Спасибо

Мой html:

<table>
    <div id="hoverdiv"></div>
    <tr class="hover" hovertext="Some text">
        <td>Total Credits</td>
        <td><%= @total_credit %></td>
    </tr>
</table>

Я могу создать обычную всплывающую подсказку (без qtip js lib) для отслеживания моего курсора, используя следующий код jquery

$(document).ready(function() {
$('.hover').mousemove(function(e) {

    var hovertext = $(this).attr('hovertext');
    $('#hoverdiv').text(hovertext).show();
    $('#hoverdiv').css('top', e.clientY+10).css('left', e.clientX+10);

}).mouseout(function() {

    $('#hoverdiv').hide();

});
});

И код для отображения статической всплывающей подсказки qtip:

$(document).ready(function() {
 $('.hover').each(function() {
  $(this).qtip({
     content: $(this).attr('hovertext')
  });
 });
});

Вот что Я пробовал до сих пор:

$(document).ready(function() {
$('.hover').mousemove(function(e) {

    $(this).qtip({
     content: $(this).attr('hovertext')
  });
    $('').css('top', e.clientY+10).css('left', e.clientX+10);
});
});