Автозаполнение jquery для ввода массива

Question

Я использую плагин autocompleter js , который отлично работает для первого поля ввода. Но не могу работать для следующего поля ввода, которое я добавил с помощью кнопки «Добавить еще», даже переинициализируя функцию автозаполнения после клонирования поля ввода.

Часть 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,
    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);
    }
  });
});


</script>

Буду признателен за любую помощь.

Answer 1

Исправлено. Клонируя поле, он также клонировал класс плагина автозаполнения, который вызывал проблему и не позволял плагину автозаполнения повторно инициализировать его.