jQuery自动完成已停止工作

Question

I've a pretty long sign up form and I have autocomplete on one field which has worked before. The site is on WordPress, I've loaded jQuery UI in main.js and it is shown on the source of the page. And it's included after jQuery. Here's the snippet that powers the autocomplete.

jQuery(document).ready(function($) {var kurssit = [<?php echo file_get_contents("http://xxx.xxx", "r");?>];
$("#kurssi").autocomplete({
source: kurssit
});
});

And php will load it like this:

jQuery(document).ready(function($) {var kurssit = [
"Taaperokurssi",
"Junnukurssi",
"Yhteiseloa myötäkarvaan",
"Lapsi ja koira",
"Pentutoko",
"Aktivoi tokolla",
"Rallytoko",
"Näyttelyyn tutustumiskurssi",
"Ratkaisuja pulmalliseen ohitukseen",
"Ratkaisuja pulmalliseen ohitukseen - jatkokurssi",
"Hihna-, kontakti- ja luoksetulokurssi",
"Naksutin",
"Lupa koskea",
"Sienikurssi",
"Mejä",
"Mejä jatkokurssi",
"Puuhakurssi",
"Koiranhoidon ABC",
"Hieronta",];
    $("#kurssi").autocomplete({
    source: kurssit
    });
});

It should work, why it won't work?

Answer 1

In your code you have two element with the same id

id="kurssi"