JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myContainer">
    <a class="myClass" href="javascript:;" id="1">test 1</a><br />
    <a class="myClass" href="javascript:;" id="2">test 2</a><br />
    <a class="myClass" href="javascript:;" id="3">test 3</a><br />
</div>

<button class="addClass">add test</button>

JavaScript

var myId = 4;
$.fn.liveSearch = function() {
    alert($(this).html())
}
// add dynamic elements
$(".addClass").click(function() {
    var newClass = '<a class="myClass" href="javascript:;" id="' + myId + '">test ' + myId + '</a><br />';
    $("#myContainer").append(newClass);
    myId++;
});

$("#myContainer").delegate(".myClass", "click", function() {
    //alert("clicked "+this.id);
    $(this).liveSearch();
})