[Resolvido] Recuperar Valores De Campo Dinâmico No Jquery

Ola Pessoal!!

Estou cirando um código onde tenho que pegar valores de campos gerados automaticamente, de acordo com os registros do banco de dados ex:

no meu form eu tenho 3 campos dinamicos:

<input name="unidade[]" type="text" class="btn" size="4" maxlength="4" id="unidade"/>
 <input type="text" name="preco[]" size="8" maxlength="8" class="btn" id="preco"/>
 <input type="text" name="total[]" size="8" maxlength="8" class="btn" id="total" />

Este campo Total, recebe os valores assim que forem preenchidos os campos "unidade[]" e "preco[]".

O problema é o seguinte:

no primeiro resultado do loop, funciona. Mas no restante não funciona.

Meu script do Jquery ta assim:

 $(document).ready(function(){
 $(document).ready(function(){
 $('.btn').change(function(){
 var unidade = parseFloat($('[id^=unidade]').val())|| 0.0;
 var preco = parseFloat($('[id^=preco]').val())|| 0.0;
 var total= preco / unidade / 2;
 total += total;

 $('#total').val(total);
 });
 });
 });

Se alguem puder ajudar, Agradesco, ja pesquizei muito e n sei mais por onde pesquizar.

Desde ja Obrigado.