Add & Remove Append

by Miguel Sirna

HTML

<div class="inputs">
  <input value="item 1">
  <input value="item 2">
  <input value="item 3">
</div>
<button class="add">Agregar item</button>

CSS

.inputs input{display:block;margin-bottom:5px;}

JavaScript

$('.add').click(function() {
	$(".inputs").append(
		'<div>'
		+ '<input value="item">'
		+ '<a href="#" class="remove" border="2">remove</a>'
		+ '</div>');
});

$('.inputs').on('click', '.remove', function() {
	$(this).parent().remove();
});