app.Todo = Backbone.Model.extend({
		defaults: {
			title: '',
			completed: false
		},
		toggle: function () {
			this.save({
				completed: !this.get('completed')
			});
		}
	});

	app.TodoView = Backbone.View.extend({
		tagName:  'li',
		events: {
			'click .toggle': 'toggleCompleted'
		},
		initialize: function () {
			this.listenTo(this.model, 'change', this.render);
			this.listenTo(this.model, 'destroy', this.remove);
			this.listenTo(this.model, 'visible', this.toggleVisible);
		},
		render: function () {
			this.$el.html(this.template(this.model.toJSON()));
			this.$el.toggleClass('completed', this.model.get('completed'));
			this.toggleVisible();
			this.$input = this.$('.edit');
			return this;
		},
		toggleCompleted: function () {
			this.model.toggle();
		}
	});