我使用的autocompleter js plugin在第一个输入字段上工作正常。但无法使用我使用“添加更多”按钮添加的下一个输入字段，甚至在克隆输入字段后重新初始化自动完成功能。

HTML部分：

<div id='multiUser'>
 <input type='input' name='search_user[]' class='searchClas'/>
</div>
<span id='add_more' class='btn'>Add More</span>

Javascript部分：

<script>
$("body").on("click","#add_more",function(){
    var cloneHTML="<input type='input' name='search_user[]' class='searchClas'/>";
    $("#multiUser").append(cloneHTML);

   $('.searchClas').autocompleter({

    cache: false,source:url,combine: function(params) {
      var add_info = $('input[name=add_info]').val();

      return {
        q: params.query,count: params.limit,add_info: add_info
      };
    },callback: function(value,index,object) {
      console.log(
        'Value ' + value + ' are selected (with index ' + index + ').'
      );
      console.log(object);
    }
  });

});

$(function() {
  $('.searchClas').autocompleter({

    cache: false,object) {
      console.log(
        'Value ' + value + ' are selected (with index ' + index + ').'
      );
      console.log(object);
    }
  });
});


</script>

任何帮助将不胜感激。