javascript - Backbone で Youtube 動画を取得する

Question

Youtube JSON URL を取得して、タイトルと説明を出力する方法を見つける必要があります。ここにあるコードは、取得しようとすると成功しますが、コンソールで表示しようとすると、受け取る配列は空です。

なぜこれが起こるのか知っていますか？

ここでコードを見つけることができます: http://jsfiddle.net/BHrmC/73/

var Item = Backbone.Model.extend();

var List = Backbone.Collection.extend({
    model: Item,

    url: "https://gdata.youtube.com/feeds/api/playlists/67DEB98D8D9CF0F7?v=2&alt=json-in-script&max-results=6",

    parse: function(response) {
        return response.results;
    },

    sync: function(method, model, options) {
        var that = this;
        var params = _.extend({
            type: 'GET',
            dataType: 'jsonp',
            url: that.url,
            processData: false
        }, options);

        return $.ajax(params);
    }
});

var ListView = Backbone.View.extend({
    el: $('#test'),
    events: {
        'click button#add': 'getPost'
    },
    initialize: function() {
        _.bindAll(this, 'render', 'getPost');
        this.collection = new List();
        this.render();
    },
    render: function() {
        var self = this;
        $(this.el).append("<button id='add'>get</button>");
    },
    getPost: function() {
        var that = this;
        this.collection.fetch({
            success: function(response) {
                console.log(that.collection.toJSON());
                console.log("working");
            },
            error: function() {
                console.log('Failed to fetch!');
            }

        });
    }
});

// **listView instance**: Instantiate main app view.
var listView = new ListView();