Pasar parámetros adicionales a la fuente mediante el autocompletado de Jquery UI

Question

Estoy tratando de pasar parámetros adicionales para ciudad y estado usando la función de autocompletar de jQuery UI. He estado tratando de encontrar una respuesta a esto por un tiempo, pero parece que no puedo encontrar algo que me sirva.

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

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

Estoy adivinando su evaluación de la val() de la ciudad y el estado en (document).ready() y conseguir valores en blanco para estos campos de formulario? Pensé que convertir la fuente en una función ajax resolvería eso, pero quizás no.

¿Alguna idea?

Answer 1

¿falta una # en su selector de $("#id_city").val()?