backbone_view.js

    // Views
    var SchoolsView = Backbone.View.extend({

        el: $('#ridley_schools table'),
        collection: new SchoolList(),
        matchingSchools: $('#school_row_template').html(),

        initialize: function(){
            _.bindAll(this, 'render'); // to solve the this issue
            this.collection.bind('reset', this.render);
            this.collection.fetch({
                error: function() {
                    console.log('error fetching school data');
                }
            });
        },

        events: {
            'click button.compare': 'addSchoolToCompare'
        },

        render: function(){
            // console.log(this.collection.toJSON());
            var tmpl = _.template(this.matchingSchools, { data : this.collection.toJSON() } );
            $(this.el).html(tmpl);
            return this;
        },

        addSchoolToCompare: function(){
            console.log('clicked');
        }

    });