Динамическое изменение только одного элемента в заголовке всплывающей подсказки с помощью всплывающей подсказки

У меня есть набор параметров в атрибуте заголовка tooltipster, например:

<i class="icon-cog settings" title="
                   <div class='div1' onclick='follow(1,2)'>Content 1</div>
                   <div class='div2' ...>Content 2</div>
                   <div class='div3' ...>Content 3</div>
                                                   ">
</i>

При нажатии на div1 содержимое динамически обновляется результатом ajax на основе следующей функции:

function follow(f1,f2) {
$.get('/exe/add_followers.php?f1=' + f1 + '&f2=' + f2, function (result) {
    $('.div'+f2).html('content 1 is updated to' + result.newcontent);
    }, 'json');
}

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

Я попытался использовать параметр конфигурации, как описано здесь:

function follow(f1,f2) {
    $.get('/exe/add_followers.php?f1=' + f1 + '&f2=' + f2, function (result) {
        // $('.div'+f2).html('content 1 is updated to' + result.newcontent);
        $('.settings').tooltipster('update', 'content 1 is updated to' + result.newcontent);
        }, 'json');
} 

Однако это изменяет содержимое div1, но удаляет содержимое других div. Как я могу обновить только содержимое div1 и оставить остальное без изменений?

==EDIT==

Я предпочитаю решение, которое не передает весь набор div, например:

function follow(f1,f2) {
    $.get('/exe/add_followers.php?f1=' + f1 + '&f2=' + f2, function (result) {
        $('.settings').tooltipster('update', '
                                              <div class='div1' onclick='follow(1,2)'>'+result.newcontent+'</div>
                                              <div class='div2' ...>Content 2</div>
                                              <div class='div3' ...>Content 3</div>
                                             ');
        }, 'json');
}