How to bind click event on image added using CSS 'background-image' property in jQuery

Question

Here is my fiddle link

I guess my question is clear by title itself. Still, what I am looking for is an way to bind click event on the image added using css

Answer 1

I do something similar by using an immediately followed by an

The button is given a background image and positioned-relative to move it into the text field; essentially...

position: relative;
top: 4px;
right: 1.6em;
height: 16px;
width: 16px;
border: none;

Then I just add a dead-plain click handler to the button, no computations necessary.

The height x width would depend on your image, and you would tweak the top and right to fit your situation.

This fiddle shows it pared down to the bare essentials.