Inputs Dinamico e soma dos valores

Bom dia galera,

Estou tentando fazer o seguinte,

Toda vez que clico no botão "add" ele tem que adicionar 3 inputs novos, que seriam valor1, valor2 e total.... até ai tudo bem!

E preciso que mostre o resultado do valor1 + valor2 no campo total.

Consegui fazer isso, só que somente com o 3 primeiros inputs.

após adicionar os demais o valor do campo "total" está pegando os valores de todos os outros inputs, até ai sei que é porque estou usando o atributo "class" para verificar os inputs

Teria alguma maneira de isolar os 3 primeiros campos, dos demais campos que forem adicionados depois? ou um outro modo de fazer isso?

O código não está terminado, ele está com 2 inputs fixo, e adicionando somente um input adicional, mas até ai é somente incrementar.

JavaScript

<script>
$(function () {
 $("#addNome").click(function () {

 var input = '<div class="nom">';
 input += '<input type="text" class="campo" value="0" />'

 $("#nomes").append(input);
 return false;
 });

});

$(document).ready(function() {

// valor inicial
v = 0;

// limpa o campo se estiver com zero
$('.campo').click(function() {
if($(this).val()=="0") { $(this).val('') }
});

// adiciona o zero se o campo estiver vazio
$('.campo').blur(function() {
if($(this).val()=="") { $(this).val('0') }
});

// soma ao digitar no campo

$('.total').keyup(function() {

$('.campo').each(function() {
v+=parseFloat($(this).val());
});

$('.total').val(v);

v = 0;
});

});
</script>