$(document).ready(function(){
	
		var inputHTML = "<div class='item'  id='2'>\r\n<label id='1'>Serial Number\r\n<input type='text' name='field1' id='field1' />\r\n</label>\r\n<div class='delete'><span>remove field</span></div>\r\n&nbsp;\r\n</div>"; 

	$('#addButton').before(inputHTML);
	
	$('.item .delete').click(function(){
		
		var elem = $(this).closest('.item');
		
		$.confirm({
			'title'		: 'Delete Confirmation',
			'message'	: 'You are about to delete this item. <br />It cannot be restored at a later time! Continue?',
			'buttons'	: {
				'Yes'	: {
					'class'	: 'blue',
					'action': function(){
						elem.slideUp();
					}
				},
				'No'	: {
					'class'	: 'gray',
					'action': function(){}	// Nothing to do in this case. You can as well omit the action property.
				}
			}
		});
		
	});
	
});