JSFiddle - React, Tailwind, and code Playground

HTML

<button id="insert">insert to body</button>
<button id="insert2">insert to container</button>
<button id="insert3">insert to container (innerHTML)</button>
<div id="container"></div>

JavaScript

$('#container').bind('DOMNodeInserted', function(e) {
    console.log('new element: ', e.target);
});

$('#insert').bind('click', function() {
    $('<div>foo</div>').appendTo(document.body);
});

$('#insert2').bind('click', function() {
    $('<div>new div</div>').appendTo($('#container'));
});

$('#insert3').bind('click', function() {
    $('#container').html(function(index, html) {
        return '<p>new paragraph</p>';
    });
});