Use markitup or masked input plugin (for example) on several elements, created after page loading?

Here is a small example with the masked input plugin :

//apply the mask to an input
$('.st').live('click', function() {
  $(this).mask("99:99");
});

.st is a text input with a td, the use can clone the td. However, when you clone this td, and try to click in the .st of the new element, your gain the focus of 开发者_如何转开发the first .st and it's not working.

I have tried several things, bind(), live(), and each() with no results.

1. New jQuery (since 1.3 or 1.4) can clone everything together with event bindings. See .clone() in documentation (supply true as a parameter)

2. You can always write a function binding everything to given elements and take care of it yourself.

Why not use $('your_selector').clone(true).appendTo('another_selector').focus()?