Update Marionette example

labs/architecture-examples/backbone_marionette/index.html

@@ -26,13 +26,13 @@
 				<strong><%= activeCount %></strong> <%= activeCountLabel() %>
 			</span>
 			<ul id="filters">
-				<li>
+				<li class="all">
 					<a href="#">All</a>
 				</li>
-				<li>
+				<li class="active">
 					<a href="#active">Active</a>
 				</li>
-				<li>
+				<li class="completed">
 					<a href="#completed">Completed</a>
 				</li>
 			</ul>

labs/architecture-examples/backbone_marionette/js/TodoMVC.Layout.js

@@ -38,7 +38,11 @@ TodoMVC.module('Layout', function (Layout, App, Backbone) {
 		// UI bindings create cached attributes that
 		// point to jQuery selected objects
 		ui: {
-			filters: '#filters a'
+			filters: '#filters a',
+			completed: '.completed a',
+			active: '.active a',
+			all: '.all a',
+			summary: '#todo-count'
 		},
 
 		events: {

labs/architecture-examples/backbone_marionette/js/TodoMVC.js

 /*global Backbone */
 'use strict';
 
-var TodoMVC = new Backbone.Marionette.Application();
+// TodoMVC is global for developing in the console
+// and functional testing.
+window.TodoMVC = new Backbone.Marionette.Application();
 
 TodoMVC.addRegions({
 	header: '#header',