自动完成动态添加的输入

Question

我在JQUERY中有一个自动完成功能和一个在javascript中添加输入的函数。问题是当我添加输入时，自动完成功能对它不起作用。

这是我在jquery中的自动完成功能：

$(function() {
$(".espaciado").autocomplete({

  source:"/inicio/api/get_asesores/",

  function (event, ui) { //item selected

    AutoCompleteSelectHandler(event, ui);

  },
  minLength: 1,
    });
 });

  function AutoCompleteSelectHandler(event, ui)
 {
   var selectedObj = ui.item;
 }

这是我用javacript函数添加输入

  var id= 2   
  function AgregarAsesor(clicked_id) {
    var td = document.getElementById('scrollbar')

    var asesorID = "asesor_" + id;
    var cell=document.createElement("div");
    cell.id = id;
    adviserText = document.createElement("input");
    adviserText.setAttribute("type","text");
    adviserText.setAttribute('class', "ui-widget espaciado");
    adviserText.setAttribute('id',asesorID);
    var addadviser=document.createElement("i");  
    addadviser.id ="añadir_"+id;
    addadviser.setAttribute("onclick","AgregarAsesor('"+id+"')");
   addadviser.setAttribute('class', 'fa fa-plus espacio');
   cell.appendChild(adviserText);
   cell.appendChild(addadviser);
   td.appendChild(cell);
   id = id + 1;

};

这就是自动填充功能存在于alredy存在的输入中

<input type"text" class="ui-widget  espaciado" id="adviser_1"> <i id="añadir_1" class="fa fa-plus espacio" aria-hidden='true' onclick="AgregarAsesor(this.id)"></i>

如何将自动完成功能添加到动态添加的输入中？