Select2: результаты не отображаются с помощью AJAX

у меня возникли проблемы с получением результатов в Select2 с помощью AJAX. Вот мой код:

$(document).ready(function() {
    $("#producto").select2({
        placeholder: 'Select a product',
        formatResult: productFormatResult,
        formatSelection: productFormatSelection,
        dropdownClass: 'bigdrop',
        escapeMarkup: function(m) { return m; },
        minimumInputLength:3,
        ajax: {
            url: 'http://foo.foo/listar.json',
            dataType: 'jsonp',
            data: function(term, page) {
                return {
                    q: term
                };  
            },  
            results: function(data, page) {
                return {results:data};
            }   
        }   
    });


function productFormatResult(product) {
    var html = "<table class='product-resultado'><tr>";
    if(product.img != undefined) {
        html += "<td class='product-image'><img src='"+product.img+"'/></td>";
    }
    html += "<td class='product-info'>";
    html += product.text + "<br />";
    html += product.precio_costo + " CRC <br />";
    html += "Existencias: " + product.existencias;
    html += "</td></tr></table>";
    return html;
}

function productFormatSelection(product) {
    return product.text;
}

используя консоль Javascript, я вижу, что запрос возвращает ожидаемый JSON:

[

{"text": "Foo Product", "img":"#", " precio_costo": 45, "existencias": 0,"id": 2 }

]

Я верю в результаты:function(data, page) { ... } не вызывается, так как я поставил тревога, и ничего не произошло.

оно просто висит там, ожидая результатов: