tooltipster передает динамические данные из массива php в подсказку через ajax

Question

Я использую Tooltipster с ajax-запросом для отображения динамических данных из php при наведении таблицы, хранящейся в массиве. Чтобы получить содержимое элементов, я использую функцию jquery (показанную ниже), и она работает как положено. (Предупреждение выводит правильное содержание)

Но моя проблема в том, что код передает только первое значение массива в tooltipster, но я хочу, чтобы tooltipster получил значение элемента hovered, как и в выводе оповещения, для выполнения запроса со скрытым содержимым данных таблицы в 'tooltip.php". Вот мой код:

$('.tabledata').mouseover(function(){
    var content = $(this).html();
    //alert (content);

$('.tabledata').tooltipster({
        position: 'left',
        content: 'Loading...',

    functionBefore: function (origin, continueTooltip) {

    continueTooltip();

    if (origin.data('ajax') !== 'cached') {
        $.ajax({
            type: 'POST',
            url: 'tooltip.php',
            data: { id: content},
            success: function (data) {
            origin.tooltipster('update', data).data('ajax ', 'cached');
        }
      });
    }
   }
 });
});

Я новичок в jquery и ценю любые предложения...