JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="list">
<a id="Another" href="#">Not Google</a>
</ul>
JavaScript
var live = function(selector, eventType, callback) {
document.addEventListener(eventType, function(event) {
var elms = document.querySelectorAll(selector),
target = event.target || window.event.srcElement;
for (var i=0; i<elms.length; i++) {
if (elms[0] === target) callback.call(elms[i], event);
}
});
};
// use setTimeout to place a link after 1 second to proove that live works for future elements
setTimeout(function() {$('#list').append('<a id="google" href="#">Google</a>')}, 1000);
live('#google', 'click', function() {alert('Google!');});