Question

Append() working fine but it is working only on the first <a class="add">Add</a>. not able to add new input field with the latest <a class="add">Add</a>

Here is my code

$(document).ready(function(){
    var scntDiv = $('#add_words');
    $('.add').click(function() { 
        $("#add_words").append('<div class="line">Word is <input type="text" /><a class="add">Add</a></div>');
        return false;
    });
});

html code

<div id="add_words">
    <div class="line">Word is 1<input class="input1" type="text" value="1" /><a class="add">Add</a></div>
</div>

Answer 1

use Live like this: see this jsfiddle

$('.add').live("click", function(event) {      
    $("#add_words").append('<div class="line">Word is <input type="text" /><a class="add">Add</a></div>');
    return false;

});