Fix odd class setting in Marionette.

examples/backbone_marionette/js/TodoMVC.TodoList.Views.js

@@ -10,6 +10,9 @@ TodoMVC.module('TodoList.Views', function (Views, App, Backbone, Marionette) {
 	Views.ItemView = Marionette.ItemView.extend({
 		tagName: 'li',
 		template: '#template-todoItemView',
+		className: function () {
+			return this.model.get('completed') ? 'completed' : 'active';
+		},
 
 		ui: {
 			edit: '.edit',
@@ -30,16 +33,6 @@ TodoMVC.module('TodoList.Views', function (Views, App, Backbone, Marionette) {
 			change: 'render'
 		},
 
-		onRender: function () {
-			this.$el.removeClass('active completed');
-
-			if (this.model.get('completed')) {
-				this.$el.addClass('completed');
-			} else {
-				this.$el.addClass('active');
-			}
-		},
-
 		deleteModel: function () {
 			this.model.destroy();
 		},