JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value="Click to change...." id="btn" /><br/><br/>
Live Div:<br/>
<div id="live" class="border">Hello</div><br/>
Original:<br/>
<div id="org" class="border"></div>

CSS

.border {
    border: 1px solid black;
    padding: 5px;  
}

JavaScript

$('#btn').click(function() {
    var obj = $('#live');
    obj.html('I just changed!!!');
    obj.trigger('contentchanged');
});

    $('#live').bind('contentchanged', function(e) {
        $('#org').append('The live div just changed!<br/>');
    });