克隆具有多个输入的div不起作用

Question

默认情况下，多个输入会附加到下面的#captureAvail_more，如下所示：

$(function()
{
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sun-1'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sun-2'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sun-3'>");

$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sat-1'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sat-2'>");
$("#captureAvail_more").append("<input type='text' name='avail[]' value='Sat-3'>");

}
);   

上面会附加这样的输入，

<section id="more-popup" class="mfp-hide white-popup">
    //append `input[type=text]` here
    <div id="captureAvail_more" class="clone_more">
    <input type='text' name='avail[]' value='Sun-1'>
    <input type='text' name='avail[]' value='Sun-2'>
    <input type='text' name='avail[]' value='Sun-3'>

    <input type='text' name='avail[]' value='Sat-1'>
    <input type='text' name='avail[]' value='Sat-2'>
    <input type='text' name='avail[]' value='Sat-3'>
    </div>

    <input type="button" value="OK" id="ok" onclick="cloneAvail()"/>
</section>

单击确定按钮后，我需要将此类（input[type=text]）的所有'clone_more'及其值复制到div#captureAvail2，但它根本不克隆。我在哪里错了。下面是我的克隆代码。

// .clone_more的HTML输入需要附加在这里

 <div id="captureAvail2">
    </div>

克隆的功能

function cloneAvail()
{
    alert("hi");
    $(".clone_more input[type=text]").clone(true, true).append("#captureAvail2");
}