Üşenmeden detaylı yazdığın için teşekkürler hocam + r10+
Deneme yanılma ile bunu çok iyi öğrendim.

$(document).on("click")
yerine
$("body").on("click") da kullandığımda oluyor. Her ikisi de çalışıyor. Bunu kullanmak $(".class") kullanmaktan performans olarak olumsuz etkisi olur mu sadece merak ediyorum.

Perfection adlı üyeden alıntı: mesajı görüntüle
<script>
$(document).ready(function()
{

 $(".tikla").click(function ()
 {
     $('.sonuc').html('tıkladın ve yeni buton ekledim alta');
    
     $('.sonradan_eklenecek_butonlar').html('<button class="yeni_tikla" type="button">buna tıkla</button>');
    
 });
 
 $(".yeni_tikla").click(function ()
 {
     $('.sonuc').html('yeni butona tıkladın. Ama beni göremezsin element sonradan eklendi. Ben sadece var olan kaynaktaki elementlere işlem yaparım sonradan eklenen elementler için değil.');
    
    
 });
 
 $(document).on("click", ".yeni_tikla", function ()
 {
     $('.sonuc').html('tıkladın ve yeni butonu ekledim alta, ben her zaman çalışırım.');
 });
    
});
</script>

<div class="sonuc"></div>

<button class="tikla" type="button">tıkla</button>

<div class="sonradan_eklenecek_butonlar"></div>