Автозаполнение JQuery для элементов dom, которые отключены / включены

Question

У меня есть страница с несколькими текстовыми полями, для которых я хотел иметь функцию автозаполнения JQuery.

course.html.erb

<textarea class="text_area courses" id="dynamic_id" name="dynamic_name"></textarea>

more_courses.js.erb

<textarea class="text_area courses" id="dynamic_id" name="dynamic_name" disabled></textarea>

application.js

//= require jquery-ui

courses.js

$(".courses").autocomplete({
    source: '/courses'
  })

Проблема, с которой я столкнулся, заключается в том, что некоторые текстовые поля взяты из файла js.erb после галочки. Он вставляет в другую текстовую область поисковый курс, поданный через js.erb.

Автозаполнение второй текстовой области не работает.

Как сделать вторую текстовую область видимой для автозаполнения?

Answer 1

После исправлена ​​проблема

courses.js

 $(function(){
  $(document).on("keydown.autocomplete",".courses",function(e){
    $(this).autocomplete({
      source : '/courses'
    });
  });
});