Bootstrap 3 typeahead.js - atributos de url remotos

Estoy intentando llamar a mi URL remota con atributos agregados a la URL.

Por ahora tengo este trabajo:

$('#league').typeahead({
        remote: '/typeahead/get_league?query=%QUERY',
        limit: 10
});

Ahora me gustaría hacer algo como esto:

$('#league').typeahead({
        remote: function () {
            var q = '/typeahead/get_league?query=%QUERY';
            if ($('#sport').val())
                q += "&sport=" + encodeURIComponent($('#sport').val());
            return base_url + q;
        },
        limit: 10
});

Me gustaría agregar el atributo GET 'sport' a la URL para poder limitar mi consulta en el backend. Intenté el código anterior pero me sale un error JS.

La versión anterior de Bootstrap Typeahead permitía este tipo de configuración. Fue muy útil ya que podía actualizar la URL remota cada vez que se pulsaba una tecla.

¿Alguna idea de cómo hacer que funcione para esta versión?

Respuestas a la pregunta(3)

Su respuesta a la pregunta