克隆对象不可删除

我正在尝试使用 Jquery 克隆可删除对象，但克隆的对象不可删除。

$(document).ready(function(){
$("input[value='Add']").click(function(e){
e.preventDefault();
$("div.field:last").clone().insertAfter("div.field:last");
});

$(".field").droppable();

HTML

<div class="field">
Last Name<input type="text" value="" />
First Name<input type="text" value="" />
</div>
<div class="field">
Last Name<input type="text" value="" />
First Name<input type="text" value="" />
</div>
<input type="Submit" name="submit" value="Add" /> 

Firebug 显示克隆的对象也具有 ui-droppable 类，知道为什么它不起作用吗？

EDIT
设置 bool(true) 或使用 .droppable() 链接克隆对象也不起作用

您需要将事件复制到克隆；经过true to clone():

$("div.field:last").clone(true).insertAfter("div.field:last");

您可能还需要复制原始数据中的一些数据：

var original = $("div.field:last");
var clone = original.clone(true);
clone.data( 'droppable', jQuery.extend(true, {}, original.data('droppable')) );
/* Untested! */