кнопки на jquery нажмите() функция не работает


This question already has an answer here:

Я пытаюсь создать динамическую форму, где пользователь может добавить динамические текстовые поля на основе их требования. Вот мой код в jQuery ..

$(document).ready(function() {    $("#add").click(function() {        var intId = $("#buildyourform div").length +1;        var fieldWrapper = $("<div class=\"fieldwrapper\" name=\"field" + intId + "\" id=\"field" + intId + "\"/>");        var fName = $("<input type=\"text\" name=\"name\" class=\"fieldname\" id=\"tb"+ intId +"_1\"/>");        var lname = $("<input type=\"text\" name=\"email\" class=\"lastname\" id=\"tb"+ intId +"_2\"/>");        var removeButton = $("<input type=\"button\" class=\"remove\" value=\"-\" />");        var addButton = $("<input type=\"button\" class=\"add\" id=\"add\" value=\"+\" />")        removeButton.click(function() {            $(this).parent().remove();        });        fieldWrapper.append(fName);        fieldWrapper.append(lname);        fieldWrapper.append(removeButton);        fieldWrapper.append(addButton);        $(this).remove();        $("#buildyourform").append(fieldWrapper);    });});

и HTML-код ...

<fieldset id="buildyourform">    <legend>Build your own form!</legend>    <div class="fieldwrapper" name="field1" id="field1" />       <input type="text" name="name" class="fieldname" id="tb1_1" />       <input type="text" name="email" class="lastname" id="tb1_2" />       <input type="button" value="+" class="add" id="add" />    </div></fieldset> <input type="submit" value="send" id="asdasd" name="submit" />
JSFiddle

Проверьте мои тоже.

Что случилось со мной, когда пользователь нажимает на "кнопку" в первый раз нажмите кнопку функция работает, и это добавляет два текстовых поля в моих полей. Но после этого когда я нажимаю на "кнопку", не вызвав щелчка. Может быть конфликт. Пожалуйста, помогите.