En la carga de la página, estoy tratando de usar initSelection para seleccionar ID 60(valor especificado del campo de entrada). Parece que no puedo hacerlo funcionar correctamente.

Los scripts PHP funcionan muy bien y devuelven los valores correctos, pero ¿cómo puedo hacer que JS realice la devolución de llamada correctamente?

JavaScript:

$(document).ready(function() {
    $('#editAlbumArtistId').select2({
            placeholder: 'Search names',
            ajax: {
                url: "/jQueryScripts/jQuerySelectListArtists.php",
                dataType: 'json',
                quietMillis: 100,
                data: function (term, page) {
                    return {
                        term: term, //search term
                        page_limit: 10 // page size
                    };
                },
                results: function (data, page) {
                    return {results: data.results};
                }

            },
            initSelection: function(element, callback) {

            var id = $(element).val();
            if(id !== "") {
                $.ajax("/jQueryScripts/jQuerySelectListArtists.php", {
                    data: {id: id},
                    dataType: "json"
                }).done(function(data) {
                    callback(data);
                });
            }
        }
    });
});

HTML:

<p>
    <input type='hidden' value="60" data-init-text='Search names' name='editAlbumArtistId' id='editAlbumArtistId' style="width:180px;"/>
</p>

Cada vez que actualizo la página, veo que la secuencia de comandos PHP se ejecuta y que devuelve la ID y el texto adecuados. Sin embargo, el campo no está actualizado y he intentado seriamente todo lo que puedo imaginar.

Estoy usando Select2 3.4.3.

Cualquier ayuda sería muy apreciada.