克隆后jQuery TE无法正常工作

Question

我使用了来自here的jQuery HTML编辑器插件。我想在点击添加＆＃39;时创建多个HTML编辑器。按钮。这是我的代码：

$(document).ready(function () {
  $(".jqte-test").jqte();
});

$('.clause-form').delegate(".add-button", "click", function () {
  if ($('.clause-box:last').find('.jqte-test').val() != "") {
    var newSection = $(this).parents('.clause-box').find('.jqte-test');
    var newDiv = $('.clause-form').append($(this).parents('.clause-box').clone());
    $(this).parents('.clause-box').find('.delete-button').show();
    $(this).parents('.clause-box').find('.add-button').hide();
    $('.clause-box:last').find('.jqte-test').jqteVal("");
    newSection.jqte();       
  }
});

克隆元素后，jQuery插件无效。我无法进行任何基本操作。我怎么能这样做？

＆＃13;

＆＃13;

<div class="clause-form">
  <div class="form-group clause-box">
    <div class="clause">
      <div class="col-md-3"></div>
      <div class="col-md-9">
        <textarea name="textarea" class="jqte-test student_grde" placeholder="Sub-Clause" id="txtSubClauseTemp" runat="server" style="width: 435px; !important"></textarea>
        <a href="javascript:void(0);" class="btn btn-primary add-button" id="btnAddRowTemp">+</a>
        <a href="javascript:void(0);" class="btn btn-danger delete-button" id="btnRemoveRowTemp" style="display: none;">X</a>
      </div>
    </div>
  </div>

＆＃13;

＆＃13;

＆＃13;