Tenho um código onde existe um formulário e o usuário poderá escolher a quantidade de linhas clicando em botões que estão na frente do input, existe um botao '+' para adicionar novo um input e '-' para remover o input atual.
Segue o código:
<div class="posicao-radioButton botoes">
<div class="input">
<input type="radio" disabled name="idade"><input type="text"
name="quest1"><a href=""><img class="img-add" title="Adicionar uma
linha" src="img/add.png"></a><a href=""><img class="img-remove"
title="Remover Linha" src="img/remove.png"></a>
</div>
</div>
estes botoes estão conectados com eventos do jquery que irá adicionar uma linha toda vez que + for clicado.
$(function(){
$(".img-add").click(function(e){
event.preventDefault();
console.log("click");
var parente = $(this).closest(".input");
parente.clone().appendTo( ".botoes" );
})
})
porém este código está funcionando apenas parcialmente, já que o evento funciona apenas para o primeiro botão que é criado com a página e não com os outros. Alguém sabe o que está faltando para funcionar o evento em todos os botões que forem criados?
Obrigado.