.on doesn't work with clone elements

[rasec <cesarcruz85@…>]

The .on function apparently doesn't work with elements that has been cloned and appended to the DOM dynamically. I tried it using .live and works perfectly.

.on example:  http://jsfiddle.net/rasec/AdGye/3/

.live example  http://jsfiddle.net/rasec/MTP67/3/

Tested in Firefox 11 and Chromium 17

[sindresorhus]

That's because the element doesn't exist when you bind to it. The normal .on() works like the old .bind().

Either use

event delegation: $(".bet").on('click', ".addbetbutton", function() {});

or live using .on(): $(document).on('click', ".addbetbutton", function() {});

[rasec <cesarcruz85@…>]

My mistake, thanks a lot and sorry for the inconvience