Передача дополнительных параметров источнику с использованием автозаполнения JQuery UI

Я пытаюсь передать дополнительные параметры для города и штата, используя функцию автозаполнения jQuery UI. Я пытался найти ответ на это какое-то время, но не могу найти что-то, что работает для меня.

Мой текущий код:

$(document).ready(function () {
    $("#id_place").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "/autocomplete_place",
                dataType: "json",
                data: {
                    term: request.term,
                    city: $("id_city").val(), 
                    state: $("id_state").val(),
                    test: 4
                },
                success: function(data) {
                    response(data);
                }
            });
        },
    });
});

Автозаполнение работает, но не передает параметры моего города и состояния функции. Если я набираю v, он запрашивает URL-адрес: /autocomplete_place?term=v&test=4

Я предполагаю, что он оценил val() города и состояния по (document).ready() и получил пустые значения для этих полей формы? Я думал, что создание источника в функции ajax позволит решить эту проблему, но, возможно, нет.

Любые идеи?

Ответ 1