jQuery-删除克隆的元素

我正在尝试制作一个具有添加和删除新元素选项的Web表单。我可以将其作为源或克隆元素之外的按钮来使用，但是我在使“删除”按钮在克隆元素内工作时遇到问题。

HTML代码是：

    

        Bursary award rates:

        
£ Delete amount
        

        
Add another bursary award amount   Remove last bursary award amount
    

当前的jQuery是：

// Start code for duplicating a div box
$(document).ready(function(){
    $(".clone_trigger").click(function () {
        $('.clone').first().clone().insertBefore(".placer");
        $('input.cl:last').val('');
        event.preventDefault();
    });
});
// End code for duplicating a div box

// Start code for removing an already duplicated div box
$(document).ready(function(){
    $(".remove_trigger").click(function () {
        if ($(".clone").length != 1) {
            $(".clone:last").remove();
        }
        //$('.clone:last').not('.clone:first').remove();
        event.preventDefault();
    });
});
// End code for removing an already duplicated div box

这是http://jsfiddle.net/dalepotter/fr8p8/1/上的有效jfiddle

表格底部的“添加其他助学金奖励金额”和“删除上一个助学金奖励金额”链接正常，但“删除金额”则不行-这是为了删除其中包含的行。

不过似乎有些问题……如果有人有任何建议，请告诉我-这让我有些疯狂！

非常感谢您能给予的任何时间...