JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" class="btn btn-primary" id="add" title="LOAD">LOAD</button>
</form>
<hr>
<p id="buttons">
    <button type="button" class="btn btn-primary clicker" id="btn1" title="btn1">btn1</button>
    <button type="button" class="btn btn-primary clicker" id="btn2" title="btn2">btn2</button>
    <button type="button" class="btn btn-primary clicker" id="btn3" title="btn3">btn3</button>
</p>

JavaScript

$(function () {
    $('#add').bind('click', function () {
        $('<button type="button" class="btn btn-primary clicker" id="test" title="test">test</button>').appendTo('#buttons')
    });
});

$(function () {
$('body').delegate('.clicker', 'click', function () {
    var title = $(this).attr('title')
    alert(title)
    });
});