JSFiddle - React, Tailwind, and code Playground

HTML

<button class="edit-doc">No append</button>
<button class="edit-doc" id="append" >Append</button>

<div id="container"></div>

JavaScript

// Load all buttons with class=edit-doc and add event listner
$(function() {
    $("button.edit-doc").button().on("click", function(){
        alert("clicked");
    });
});

// Append button if button with id=append is clicked
$("#append").on("click", function(){
    var button = $.parseHTML("<button class='edit-doc'>Edit</button>");
    $('div#container').append(button);
    $(button).button().on("click", function(){
        alert("clicked");
    });
});