Question

I have reshaped two links to small round buttons, however for some reason I am not able to catch their click-events with any of the approaches that you can see in this code

Any help would be really useful.

Answer 1

You made several mistakes in your JS code.

1 – You forgot a $ and a .:

Instead of:

('ui-input-clear').on('click', function() {
    alert('!');
});

you should have:

$('.ui-input-clear').on('click', function() {
    alert('!');
});

2 – Also, replace:

$document.ready(function() {

with:

$(function() {

Then, it should work.

Note: It is very useful to check your console for tracking JS errors. You can try Firebug if you haven’t discovered it yet! (I love Firebug! 😛 XD )