Modify script for working with jQuery-created DOM objects -

i have function, emulate "long click"

(function($) {     $.fn.longclick = function(callback, timeout) {         var timer;         timeout = timeout || 500;         $(this).mousedown(function() {             timer = settimeout(function() { callback(); }, timeout);             return false;         });         $(document).mouseup(function() {             cleartimeout(timer);             return false;         });     };  })(jquery);  $('#button').longclick(function(){ /* want */ }) 

this code works fine allready exist items.
if add button dom via jquery, - script doesnot work well.
construction not work longclick, work correct 'click':

$(document).on('longclick',  "#button",function () {         /* want */     }); 

how can fix that?

thanks!

===========
upd

here code, works fine original elements, not work jquery-added, use default methods.

var presstimer;     $("#button").mouseup(function(){   cleartimeout(presstimer)   return false; }).mousedown(function(){   presstimer = window.settimeout(function() {          /* function */   },500)   return false;  }); 

the code is:

var presstimer $(document).on("mouseup", "#button", function(){        cleartimeout(presstimer)   // clear timeout   return false; }) $(document).on("mousedown", "#button", function(){        // set timeout   presstimer = window.settimeout(function() {          /* super function */   },500)   return false;  }  )