JSFiddle - React, Tailwind, and code Playground

HTML

<div id="noChange" title="Click to change title (ajax call)">If click me, my title DOESN'T change</div>
<div id="change" title="Click to change title (ajax call)">If click me, my title change</div>

JavaScript

$(document).tooltip();

$("#noChange").click( function() {
    var $div = $(this);
    $.ajax({
        // url + data
        success: function() {
            $div.attr("title", "changed!");
        }
    });
});

$("#change").click( function() {
    var $div = $(this);
    $.ajax({
        // url + data
        beforeSend: function() {
            // I must hide before ...
            $div.hide();
        },
        success: function() {
            // ... and then re-show the element
            $div.attr("title", "changed!").show();
        }
    });
});