JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<body>
<div id="container">
    <p>
        <a class="test1" href="#">Click me.</a>
    </p>
    <p>
        <a class="test2" href="#">Click me.</a>
    </p>
    <p>
        <a class="test3" href="#">Click me.</a>
    </p>
</div>
</body>
</html>

JavaScript

$("#container").delegate(".test1", "click.test1", function (e) {
    handler(e, 1);
});
$(".test2").live("click.test2", function (e) {
    handler(e, 2);
});
$(".test3").bind("click.test3", function (e) {
   handler(e, 3); 
});

var handler = function (e, number) {
    console.group('test ' + number + ' click');
    console.log(e.handleObj);
    console.log("observed namespace: " + e.handleObj.namespace);
    console.log("expect namespace to be 'test" + number + "'");
    console.groupEnd();
};