JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="bind">bind</a>
<a href="#" id="live">live</a>

<hr>
expect: live() click <br>
actual: <span id="output"></span>

JavaScript

function log (message) {
    $('#output').append('<p>'+message+'</p>');
}

$("#bind").bind('click', function () {
    log("bind() click");
});

$("#live").live('click', function () {
    log("live() click");
});
    
$(document).unbind("click");
    
    
$("#live").trigger("click"); // should fire, doesnt


// the handler attached with bind() DOES still work