自动完成动态搜索字段的jQuery

Question

我正在尝试使用jquery在动态生成的字段上实现autocomplete功能，但是当我克隆新的div时，autocomplete在新动态生成的字段上不起作用

下面是我的代码： （自动完成的JQUERY）

$(function() {
$(".auto:last")
    // .find("input[class='auto']:last")
    .autocomplete({
        source: function(request, response) {
            console.log(request);
            $.ajax({
                url: "searchajax",
                dataType: "json",
                data: {
                    term: request.term
                },
                success: function(data) {
                    response(data);
                }
            });
        },
        minLength: 1,
        select: function(event, ui) {
            $("#search_text").val(ui.item.value);
            $(".other-fields").show();
        }
    });
});

（克隆DIV）

var labelCount = 1;
function cloneDiv() {

var $clone = $(".duplicate-vessel:last").clone();
$clone
    .find("input:text")
    .val("")
    .end()
    .each(function() {
        $(this).attr({
            // class: $(this).attr("class") + countAddMore
        });
    });
labelCount++;

$clone.find(".vessel-heading").text("Vessel Info " + labelCount + ":");
$(".form-group").append($clone);

$(".duplicate-vessel:last .cleanVal").val("");
}