JSFiddle - React, Tailwind, and code Playground

HTML

With click():<br/>
<ul id="click">
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ul>

<br/><br/>

With on():<br/>
<ul id="on">
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ul>

JavaScript

$('#click li').click(function() {
    $(this).parent().append($('<li>List item</li>'));
});
    
    
$('#on').on('click', 'li', function() {
    $(this).parent().append($('<li>List item</li>'));
});