Add/Remove input jQuery

by Peter Peter

HTML

<button type="button" id="addScnt">Add new line</button>

<div id="input_values">
<p><label for="Address">Adress #1</label>
<input type="text" name="Address" placeholder="Adress 1" id="Address" value="" /></p>
</div>

JavaScript

$(function() {
        var scntDiv = $('#input_values');
        var i = 4 + 1;
        
        $('#addScnt').live('click', function() {
                $('<p><label for="Address">Adress #' + i +'</label> <input type="text" id="Address" size="20" name="Adress' + i +'" value="" placeholder="Adress ' + i +'" /> </p>').appendTo(scntDiv);
                i++;
                return false;
        });
});