javascript - select2 と Ember.js で X 編集可能

Question

Ember.js アプリケーションで select2 で x-editable を使用しようとしています。

次の編集可能な要素を作成しました。

<a href="javascript:;" class="input-xlarge editable" data-url="children" multiple="multiple" data-pk="1">Test parent</a>

そして、このJavaScriptを使用しました:

$(function() {
    $.fn.editable.defaults.mode = 'inline';

    $('.editable').editable({
        type: 'select2',

        select2: {
            placeholder: "Search for a parent...",
            minimumInputLength: 3,
            multiple: true,
            ajax: {
                url: 'http://localhost:8001/api/parents',
                dataType: 'json',
                data: function (term, page) {
                    return { q: term }; // search term
                },
                results: function (data, page) {
                    return {results: data};
                }
            },
            formatResult: function(result) {
                return result.first_name + ' ' + result.last_name;
            },
            formatSelection: function(selection) {
                return selection.first_name + ' ' + selection.last_name;
            }
        },

        // Used for sending JSON instead of form data
        params: function(params) {
            return JSON.stringify(params);
        }
    });
});

クリックTest childすると ajax スピナーが表示され、コンソールに次のエラーが表示されます。Uncaught TypeError: Cannot read property 'id' of null

それはこれを指します：

$.fn.select2.defaults = {
    ...
    id: function (e) { return e.id; },
    ...
}

ここで何が間違っているのでしょうか？ありがとう！