Pasar parámetros adicionales a la fuente utilizando el autocompletado de la interfaz de usuario de Jquery

Estoy intentando pasar parámetros adicionales para la ciudad y el estado utilizando la función de autocompletado de la interfaz de usuario jQuery. He estado tratando de encontrar una respuesta a esto por un tiempo pero parece que no puedo encontrar algo que funcione para mí.

Mi código actual es:

$(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); } }); }, }); }); 

El autocompletado funciona, pero no pasa los parámetros de mi ciudad y estado a la función. Si escribo v solicita la URL: /autocomplete_place?term=v&test=4

¿Supongo que está evaluando el val() de la ciudad y el estado en (document).ready() y obtengo valores en blanco para estos campos de formulario? Pensé que convertir la fuente en una función ajax resolvería eso, pero tal vez no.

¿Algunas ideas?

¿Falta un # en su selector $("#id_city").val()?