var MusicModel = Backbone.Model.extend({});
var MusicList = Backbone.Collection.extend({ model: MusicModel });

musicList = new MusicList();
musicList.reset([
    {
	num: 1,
	title: 'Setting Forth',
	album: 'Into the Wild',
	artist: 'Eddie Vedder'
    },
    {
	num: 2,
	title: 'No Ceiling',
	album: 'Into the Wild',
	artist: 'Eddie Vedder'
    }
]);

var MusicView = Backbone.View.extend({
    tagName: "div",
    className: "music out entry",
    initialize: function(){
	this.template = _.template('<%= num %> | <%= title %> | <%= album %> | <%= artist %>');
    },
    render: function(){
	this.$el.html(this.template(this.model.toJSON()));
	return this;
    }
});

var MusicListView = Backbone.View.extend({
    el: "#toEdit",
    collection: musicList,
    addOne: function(thisModel) {
	var musicView = new MusicView({ model: thisModel });
	this.$el.append(musicView.render().el);
    },
    addAll: function() {
	this.collection.forEach(this.addOne, this);
    },
    render: function() {
	this.addAll();
    }
});

$(function(){
    var musicListView = new MusicListView({});
    musicListView.render();
});

@@ -1021,93 +1021,362 @@
 );%0A%0A
-$(function()%7B%0A    var musicListView = new MusicListView(%7B%7D);%0A    musicListView.render
+var musicApp = new (Backbone.Router.extend(%7B%0A    routes: %7B '': 'index' %7D,%0A    initialize: function()%7B%0A%09this.musicListView = new MusicListView(%7B%7D);%0A    %7D,%0A    start: function()%7B%0A%09Backbone.history.start(%7B pushState: true %7D);%0A    %7D,%0A    index: function()%7B%0A%09this.musicListView.render();%0A    %7D%0A%7D));%0A%0A$(function()%7B%0A    musicApp.initialize();%0A    musicApp.start
 ();%0A

use Backbone.Router for index routing