JSFiddle - React, Tailwind, and code Playground

HTML

<table id='mytable'>
    <tr>
        <td><button class='del'>Click me</button></td>
    </tr>
</table>
<br/>
<button id='add'>Add One</button>

CSS

.del {background-color:blue;color:white;}

JavaScript

$(document).ready(function() {
    $('#add').click(function() {
        var x = "<tr><td><button class='del'>Click Me</button></td></tr>";
        $('#mytable').append(x);
    });
    
    $(document).on('click','.del',function() {
        alert('I work now');
        
        // *** Currently any additional element created will not execute ***
        
        
    });
    
});