JSFiddle - React, Tailwind, and code Playground

HTML

<input class="input-change" id="input1" type="text" title="Test1" value="Input #1">
<input class="input-change" id="input2" type="text" title="Test2" value="Input #2">
<input class="input-change" id="input3" type="text" title="Test3" value="Input #3">

JavaScript

$(function(){
    $('.input-change').tooltip();
    
    // Every time a key is pressed (for the sake of example)
    $(".input-change").keyup(function(){
        // Get the actual value of the input that has changed (again, for the sake of example)
        var inputValue = $(this).val();
        
        // Get the id of the input that has changed
        var idInputChanged = "#" + $(this).attr('aria-describedby');
        
        // Go directly to the <div> inside the tooltip and change the text
        $(idInputChanged + ' div').html('Text changed in real time without closing tooltip!:<br />' + inputValue);
    });
})