javascript php id lerini almıyor

phpde şu javascript koduyla input ekliyorum

var cnt2= 1;
$(document).ready(function(){
 
 $(document).on('click', '#add2', function(){
$("#denem2").append('<tr><td><select name="kapora_yontem2'+cnt2+cnt2+cnt2+cnt2+'" id="kapora_yontem2'+cnt2+cnt2+cnt2+cnt2+'" style="border:2px dashed #ff0000"><option>nakit</option><option>viza</option><option>cek</option><option>senet</option><option>acıkhesap</option></select><input type="text" id="kartbankasi2'+cnt2+cnt2+cnt2+cnt2+'" name="kartbankasi2'+cnt2+cnt2+cnt2+cnt2+'" placeholder="kart bankası" style="border:2px dashed #ff0000"><input type="text" id="cekbanka2'+cnt2+cnt2+cnt2+cnt2+'" name="cekbanka2'+cnt2+cnt2+cnt2+cnt2+'" placeholder="cek bankası" style="border:2px dashed #ff0000"><input type="text" id="cektarihi2'+cnt2+cnt2+cnt2+cnt2+'" name="cektarihi2'+cnt2+cnt2+cnt2+cnt2+'" placeholder="cek tarihi" style="border:2px dashed #ff0000"><input type="text" id="cekvadesi2'+cnt2+cnt2+cnt2+cnt2+'" name="cekvadesi2'+cnt2+cnt2+cnt2+cnt2+'" placeholder="cek vadesi" style="border:2px dashed #ff0000">     <input type="text" id="senettarihi2'+cnt2+cnt2+cnt2+cnt2+'" name="senettarihi2'+cnt2+cnt2+cnt2+cnt2+'" placeholder="senet tarihi" style="border:2px dashed #ff0000"><input type="text" id="senetvadesi2'+cnt2+cnt2+cnt2+cnt2+'" name="senetvadesi2'+cnt2+cnt2+cnt2+cnt2+'" placeholder="senet vadesi" style="border:2px dashed #ff0000"></td></tr><tr><td><input type="text" value="0" name="nakittutari2'+cnt2+cnt2+cnt2+cnt2+'" id="nakittutari2'+cnt2+cnt2+cnt2+cnt2+'"><input type="text" value="0" name="karttutari2'+cnt2+cnt2+cnt2+cnt2+'" id="karttutari2'+cnt2+cnt2+cnt2+cnt2+'"><input type="text" value="0" name="cektutari2'+cnt2+cnt2+cnt2+cnt2+'" id="cektutari2'+cnt2+cnt2+cnt2+cnt2+'"><input type="text" value="0"name="senettutari2'+cnt2+cnt2+cnt2+cnt2+'" id="senettutari2'+cnt2+cnt2+cnt2+cnt2+'"></td></tr>');} cnt2++

eklediğim inputa yazılan sayı cnt ile sayı her eklediğimde bir artıyor yani örnek bir çıktı şöyle oluyor tıkladım eklendi <input id=nakittutari21111> . tekrar tıkladım gine eklendi.... <input id=nakittutari22222> gibi benim istediği tutarların olduğu inputları toplamak
normalde javascript ile topladığımda toplanıyor ama bunlar sonradan eklenince javascript algılamıyor herhalde bu sorunu nasıl çözerim

@hasyer; Uzman olarak cevabını bekleriz.

Arkadaşın tam olarak ne yapmak istediğini anlamamakla birlikte Youtube üzerinde onlarca javascript eğitim videoları bulunmaktadır.
Arkadaş sıfırdan başlayarak bu eğitim videolarını izlemesi faydasına olacaktır.

Ek olarak sayfaya sonradan dahil edilen nesnelerde tıklanma işlemini yapabilmesi için jquery de bulunan on methodu kullanılabilir.

yapmak istediğim şu butona bastığımda javascriptte append ile bazı inputlar yazdırıyorum(id leri nakit1 nakit2 ...... gibi gidiyor butona her bastığımda) yazdırdığım inputların içine sayısal bir değer giriyorum
ve bu değerlerin farklı bir inputta toplanmasını istiyorum
örneğin id'si nakit1 olanın içine 1 yazdım nakit2 olanın içine 2 yazdım toplanacak inputta 3 değerini görmek istiyorum



+++++

<input id="nakit1" type="text" value="1"><br>
<input id="nakit2" type="text" value="2"><br>
<input id="toplamnakit" type="text" value=""><br>
<input type="button" value="topla" onclick="topla()">

<script type="text/javascript">
function topla() {
var nakit1 = parseInt(document.getElementById('nakit1').value);
var nakit2 = parseInt(document.getElementById('nakit2').value);
document.getElementById('toplamnakit').value = nakit1+nakit2;
}
</script>