Создание простого автозаполненного текстового поля в тимелии

Question

Я новичок в SpringBoot и thymeleaf, и я пытаюсь заполнить текстовое поле автозаполнения, в котором имена докторов указаны как предложения. Но это не работает, как ожидалось, и никаких предложений не отображается. Я пробовал несколько пути и прошли несколько учебных пособий.

Вот мой html код

 <label>Doctor Name:</label>
 <input type="text" class="form-control" th:field="*{name}"  id="doctor_name">

Вот мой соответствующий Jquery

<script type="text/javascript">
    $(function() {
      $("#doctor_name").autocomplete({
        source: "nameAutoComplete",
        minLength: 3
      });

    });
  </script>

Вот мой метод обработчика в классе контроллера

    @RequestMapping(value = "/nameAutoComplete")
public List<String> nameAutoComplete(@RequestParam(value = "term",required=false,defaultValue = "")String term){
    List<String> suggestions=new ArrayList<String>();
    suggestions.add("Andrew Bayes");
    suggestions.add("Asher");
    suggestions.add("Anthony");
    return suggestions;
}

}

А также я включил следующие ссылки в соответствии с обучением

<script th:src="@{https://code.jquery.com/jquery-1.12.4.js}"></script>
  <script th:src="@{https://code.jquery.com/ui/1.12.1/jquery-ui.js}"></script>

, пожалуйста, дайте несколько советов, чтобы исправить мой подход.