JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>0</li>
    <li>1</li>    
</ul>
<input type="button" value="Click Me" id="button"/>

JavaScript

$(document).on('click', 'li', function () {
   alert('Handler bound to document'); 
});

$('li').on('click', function () {
   alert('Handler bound to li\'s'); 
});

$('#button').on('click', function () {
    var li = $('li');
    
    li.last().after('<li>' + li.length + '</li>');
});