Jquery ile Dinamik Olarak Oluşturulan Inputlara Event Bind Edilmesi

Web sayfalarımızda bazı kontrolleri dinamik olarak oluşturmak zorunda kalabiliriz. Örneğin ajax sonucunda gelen bir veriyi div tagleri içerisinde body içerisine append etme gibi bir ihtiyaç olduğunu düşünelim. Bu append ettiğimiz içerisinde de input type'ı button olan bazı button'larımız olsun. Bunların click eventlerini yazma ihtiyacımız olabilir. Bunu normal olarak ;

$("#buttonID").click(function(){})
 şeklinde tanımlarsak, bu click eventi çalışmayabilir. Bunu için, dinamik olarak oluşturulan bu buttonların click eventini aşağıdaki gibi bind edebiliriz:

$("#buttonID").on("click", ".myDiv", function(){
   //buttona tıklandığında ne olacağını burda yazabiliriz
});

Yukarıdaki işlem myDiv classı içerisindeki element id'si buttonID olan  inputun click eventidir. Bu event içerisine buttona tıklandığında yapılması istenen işlemleri yazıyoruz.