Append Another Div

Question

Я пытаюсь добавить другую группу форм. Кнопка в добавленной группе форм не работает. Может ли кто-нибудь сказать мне, почему?

<div class="form-group"> 
    <input type="text"/> 
    <button class="add">Add</button> 
</div> 

JS

$('.add').click(function(){ 
$('.form-group').append(
'<input type="text"/>'+ 
'<button class="add">Add</button>' 
); 
}) 

Answer 1

Вы должны использовать делегирование событий через .on() для динамически добавляемых элементов:

$('.form-group').on('click', '.add', function() { 
    $('.form-group').append(
    '<input type="text"/>' + 
    '<button class="add">Add</button>' 
); 
}) 

jsFiddle example