Add/Remove list item

by squirc77

HTML

<a href="#" id="click">Click to append another list item</a>
	<ul id="list1">
		<li class="a">item 1</li>
		<li class="a">item 2</li>
		<li class="b">item 3</li>
		<li class="b">item to clone <input type="text" /></li>
	</ul>

JavaScript

$('#click').click(function(){
		var clone = $('li:last').clone()
        if(!clone.find('.del')[0]) clone.append('<a href="#" class="del">Delete</a>')
        
        clone.appendTo('ul');
			});
		
		$('ul').on('click', 'li .del', function(){
			 $(this).closest('li').remove();
				});