JSFiddle - React, Tailwind, and code Playground

HTML

<div id="links">
    <a class="foo" href="#">Some Link</a><br />
    <a class="foo" href="#">Some Link</a><br />
</div>

<div id="console">
    
</div>

<a id="adder" href="#">Add Link</a>

JavaScript

$(function () {
    $('a.foo').live('click', bar);
    $('#adder').click(addLink);
});

function bar(e) {
    $('#console').append('<p>Clicked</p>');
    e.preventDefault();
}

function addLink(e) {
    $('#links').append('<a class="foo" href="#">Some New Link</a><br />');
    e.preventDefault();
}