从另一个链接建立链接

Question

我一直在使用X-Editable和jquery-ui，我试图添加能够当我点击“添加另一个Select2”链接我想添加另一个select2项目。使用此代码，我可以添加项目，但它不起作用（组合框aka select2不显示在新链接上，而旧的链接正在工作）。 Here is a demo of the X-Editable plugin我正在使用“Select2（下拉模式）”

<a href="#" class="schools" data-type="select2" 
   data-pk="1" data-value="1" data-title="Choose item"></a>
<br/>
<a href="#" class="add-school">Add Another Select</a>

<script>
$(function(){
    $("body").on('click', '.add-school', function() {
        var o = $(".schools").first();
        o.clone().insertAfter(o);
    });

    $('.schools').editable({
        value: 2,
        source: [
            {id: 1, text: 'Item 1'},
            {id: 2, text: 'Item 2'},
            {id: 3, text: 'Item 3'}
        ]
    });
});
</script>

任何想法如何起作用？