Não soma novos campos.

Bem Amigos, do Fórum Imasters

Caso já tenha aparecido a mesma dúvida postem o link da resolução, por favor.

Então, tenho uma função js que soma os valores da tabela html por célula.

$('#itensproduto tr').keyup(function() {
 var soma = 0;
 $(this).find('input[type=text]').each(function(i){
 if(i < 4){
 soma += parseInt($(this).val());
 }else if(i === 4){
 if(!isNaN(soma)){
	$(this).val(soma);
 }
 }
 });
});

e tenho uma função que adiciona dinamicamente as linhas de acordo com a quantidade de cores de um produto

function addCor(cor){
 var totals = 0;
 totals++;
 tbl = document.getElementById("itensproduto");

 var novaLinha = tbl.insertRow(1);
 var novaCelula;

 if(totals%2 === 0) cl = "#F5E9EC";
 else cl = "#FBF6F7";

 novaCelula = novaLinha.insertCell(0);

 novaCelula.innerHTML = cor;

 for(c=0; c < 4; c++){
 novaCelula = novaLinha.insertCell(c+1);
 novaCelula.align = "left";
 novaCelula.style.backgroundColor = cl;
 novaCelula.innerHTML = '<input type="text" size="5" value="0" >';
 }

 novaCelula = novaLinha.insertCell(5);
 novaCelula.align = "left";
 novaCelula.style.backgroundColor = cl;
 novaCelula.innerHTML = '<input type="text" name="totCor" size="5" value="0" >';
}

porém a função de soma não está somando as linhas adicionadas dinamicamente.

Quem se habilita a ajudar o colega iniciante na profissão de programador web?