结合两个jQuery脚本

Question

我想要实现的目标

• 克隆div并将其添加到现有div（s）下面的
• ...在正在克隆的div中，我已经有另一个jQuery运行，显示/隐藏基于复选框的子div - 下面的jQuery 2

问题 克隆工作正常。但是，我无法根据复选框进行显示/隐藏工作

问题 这可以通过jQuery实现吗？似乎jQuery 2不明白，克隆后，还有一个新的div，它也希望基于复选框显示/隐藏child-div的功能相同。

jQuery 1

$(document).ready(function() {
  var i = 0;
    $('.button-add').click(function(){
        $i = i++;
        //we select the box clone it and insert it after the box
        $copy = $('.copybox:first').clone();
        $copy.find("input:checkbox").attr("data-related-item","hideconfig"+i);
        $copy.find("div#hideconfig").attr("id","hideconfig"+i);
        $copy.insertAfter(".copybox:last");
    });

    $(document).on("click", ".button-remove", function() {
        $('.copybox:last').remove();
    });
});

jQuery 2

function evaluate(){
    var item = $(this);
    var relatedItem = $("#" + item.attr("data-related-item"));

    if(item.is(":checked")){
        relatedItem.fadeIn();
    }else{
        relatedItem.fadeOut();   
    }
}

$('input[type="checkbox"]').click(evaluate).each(evaluate);