Problemas al destruir un dialog

[Kristhoff]

Hola a tod@s,
estoy creando una pequeña extensión para chrome para la cual estoy usando Jquery y Jquery-ui, pues bien, tengo un cuadro de dialogo modal que al hacer click en el botón cancelar debería eliminarse (con "destroy") y eliminar su contenido, u ocultarlo, pero al terminar un elemento input se queda viendo:



y el código que tengo es el siguiente:

Código:

var edit = $('<input id="edittitle">');
$('#editlink').click(
	function(){
		edit.val(anchor.text());
		$('#editdialog').empty().append(edit).dialog({
			autoOpen : false,
			closeOnEscape : true,
			title : 'Edit Title',
			modal : true,
			show : 'slide',
			buttons : {
			'Save' : function(){
				chrome.bookmarks.update(String(tutomarkNode.id), {title : edit.val()});
				anchor.text(edit.val());
				options.show();
				$(this).dialog('destroy');
									
			},
			'Cancel' : function(){
				$(this).dialog('destroy');
			}
		}
	}).dialog('open');
});

Alguien podría ayudarme a solucionar esto? quisiera que después de dar click en aceptar o cancelar, no se vea el input. Gracias :)