JSFiddle - React, Tailwind, and code Playground

HTML

<p>Here's a link to to open a form: <br/><a id="open_contact_form" href="#">Test</a></p>

JavaScript

var create_contact_dialog = function (content) {
    var $contactDialog = $(content);
               
    $contactDialog.dialog({
        title: 'Dialog Box:',
        autoOpen: false,
        dialogClass: "contact_form_dialog",
        close: function() {
           $contactDialog.remove();    
        }
    });
    $contactDialog.dialog('open');
};

var count = 1;

$('#open_contact_form').live('click', function () {
    $.ajax('/echo/html/',  {
        type: "POST",
        data: {
            html: "<a href='#' id='sameId'>Dialog " + count++ +"</a>"
        },
        success: function (data) {           
            create_contact_dialog(data); 
            $("#sameId").click(function() { 
                alert("alert still works after multiple dialogs!"); 
                return false; 
            });
        }
    });
    return false;
});