Estou tentando chamar meu URL remoto com atributos adicionados ao URL.

Por enquanto eu tenho esse trabalho:

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

Agora eu gostaria de fazer algo assim:

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

Gostaria de adicionar o atributo GET "sport" ao URL para que eu possa restringir minha consulta no back-end. Eu tentei o código acima, mas recebo um erro JS.

A versão anterior do Bootstrap Typeahead permitia esse tipo de configuração. Foi muito útil, pois eu poderia atualizar a URL remota toda vez que uma chave fosse atingida.

Alguma ideia de como fazer esse trabalho para esta versão?