json - JSON ファイルからのバックボーン コレクションがビューに渡されない

Question

私はこれを何時間も理解しようとしてきましたが、うまくいかないようです。「Friends」コレクションに読み込まれている json ファイルは、ビューに表示されません。

var Friend = Backbone.Model.extend({
    defaults: {
        "name": "Unknown",
        "job": "Unknown"
    }
});
var friend = new Friend({

});

var Friends = Backbone.Collection.extend({
    model: Friend,
    url: '/friends.json',
    initialize: function() {
        this.fetch();
    }
});
var friends = new Friends();

var FriendsView = Backbone.View.extend({
    tagName: "ul",
    template: _.template('<li><%= name %> is a  <%= job %></li>'),
    render: function(){
        this.$el.html(this.template(this.model.toJSON()));
    }
});
var friendsView = new FriendsView({ model: friend });

friendsView.render();
$('#here').html(friendsView.el);

JSON は次のようになります。

{
    "name": "Timmy",
    "job": 'Sky Diver'
},
{
    "name": "Michael",
    "job": 'Hat salesman'
}

json ファイルが ajax 経由で読み込まれていることをコンソールで確認できます。前もって感謝します。