Absolute

ok

Relative

${message}

Absolute

ok

Relative

${message}

Downloads

-
• jquery.model.js
-
• jquery.model.associations.js
-
• jquery.model.backup.js
-
• jquery.model.list.js
-
• jquery.model.list.cookie.js
-
• jquery.model.validations.js
+
• jquery.model.js
+
• jquery.model.associations.js
+
• jquery.model.backup.js
+
• jquery.model.list.js
+
• jquery.model.list.cookie.js
+
• jquery.model.validations.js

Features

@@ -97,7 +97,7 @@ different models for the same widget.

Encapsulation Demo

-

The encapsulation demo shows using two different models with the same widget.

+

The encapsulation demo shows using two different models with the same widget.

How to Encapsulate

Think of models as a contract for creating, reading, updating, and deleting data. @@ -322,7 +322,7 @@ and jQuery will clean the data (letting the Garbage Collector do its work). They let us set and retrieve model instances on elements.

For example, lets say we wanted to let developer delete contacts like -in the +in the Model DOM Demo.

First, we'll add a DELETE link like:

Contact.findAll({},function(contacts){
@@ -368,6 +368,6 @@ same recipe data on the page.  Maybe when we click a contact,
 we show additional information on the page, like an input to change the
 contact's birthday.
 

-
See this in action in the events demo.
+
See this in action in the events demo.
 
When the birthday is updated, we want the list's contact
 display to also update it's age.  Model provides two ways of doing this.
\ No newline at end of file
diff --git a/view/test/qunit/qunit.js b/view/test/qunit/qunit.js
index 80cb5272..ef153862 100644
--- a/view/test/qunit/qunit.js
+++ b/view/test/qunit/qunit.js
@@ -1,5 +1,5 @@
 //we probably have to have this only describing where the tests are
-steal("jquery/view",
+steal("jquerypp/view",
 	"can/view/micro",
 	"can/view/ejs",
 	"can/view/jaml",
diff --git a/view/test/qunit/view_test.js b/view/test/qunit/view_test.js
index 443f1a1d..9eecf4df 100644
--- a/view/test/qunit/view_test.js
+++ b/view/test/qunit/view_test.js
@@ -1,5 +1,5 @@
 
-module("jquery/view");
+module("jquerypp/view");
 
 
 
@@ -10,7 +10,7 @@ test("multiple template types work", function(){
 		$("#qunit-test-area").html("");
 		ok($("#qunit-test-area").children().length == 0,this+ ": Empty To Start")
 		
-		$("#qunit-test-area").html("//jquery/view/test/qunit/template."+this,{"message" :"helloworld"})
+		$("#qunit-test-area").html("//jquerypp/view/test/qunit/template."+this,{"message" :"helloworld"})
 		ok($("#qunit-test-area").find('h3').length, this+": h3 written for ")
 		ok( /helloworld\s*/.test( $("#qunit-test-area").text()), this+": hello world present for ")
 	})
@@ -19,7 +19,7 @@ test("multiple template types work", function(){
 
 
 test("async templates, and caching work", function(){
-	can.fixture("jquery/view/test/qunit/temp.ejs",function(request, response){
+	can.fixture("jquerypp/view/test/qunit/temp.ejs",function(request, response){
 		setTimeout(function(){
 			response(200,"success",'
<%= message %>
',{})
 		},20)
@@ -30,7 +30,7 @@ test("async templates, and caching work", function(){
 	$("#qunit-test-area").html("");
 	stop();
 	var i = 0;
-	$("#qunit-test-area").html("//jquery/view/test/qunit/temp.ejs",{"message" :"helloworld"}, function(frag){
+	$("#qunit-test-area").html("//jquerypp/view/test/qunit/temp.ejs",{"message" :"helloworld"}, function(frag){
 		ok( /helloworld\s*/.test( $("#qunit-test-area").text()))
 		equal(frag.nodeType, 11, "we got a documentFragment");
 		i++;
@@ -48,13 +48,13 @@ test("caching works", function(){
 	stop();
 	var startT = new Date(),
 		first;
-	$("#qunit-test-area").html("//jquery/view/test/qunit/large.ejs",{"message" :"helloworld"}, function(text){
+	$("#qunit-test-area").html("//jquerypp/view/test/qunit/large.ejs",{"message" :"helloworld"}, function(text){
 		first = new Date();
 		ok(text, "we got a rendered template");
 		
 		
 		$("#qunit-test-area").html("");
-		$("#qunit-test-area").html("//jquery/view/test/qunit/large.ejs",{"message" :"helloworld"}, function(text){
+		$("#qunit-test-area").html("//jquerypp/view/test/qunit/large.ejs",{"message" :"helloworld"}, function(text){
 			var lap2 = (new Date()) - first,
 				lap1 =  first-startT;
 			// ok( lap1 > lap2, "faster this time "+(lap1 - lap2) )
@@ -68,7 +68,7 @@ test("caching works", function(){
 test("hookup", function(){
 	$("#qunit-test-area").html("");
 	
-	$("#qunit-test-area").html("//jquery/view/test/qunit/hookup.ejs",{}); //makes sure no error happens
+	$("#qunit-test-area").html("//jquerypp/view/test/qunit/hookup.ejs",{}); //makes sure no error happens
 })
 
 test("inline templates other than 'tmpl' like ejs", function(){
@@ -85,7 +85,7 @@ test("object of deferreds", function(){
 	var foo = $.Deferred(),
 		bar = $.Deferred();
 	stop();
-	$.View("//jquery/view/test/qunit/deferreds.ejs",{
+	$.View("//jquerypp/view/test/qunit/deferreds.ejs",{
 		foo : foo.promise(),
 		bar : bar
 	}).then(function(result){
@@ -102,7 +102,7 @@ test("object of deferreds", function(){
 test("deferred", function(){
 	var foo = $.Deferred();
 	stop();
-	$.View("//jquery/view/test/qunit/deferred.ejs",foo).then(function(result){
+	$.View("//jquerypp/view/test/qunit/deferred.ejs",foo).then(function(result){
 		ok(result, "FOO");
 		start();
 	});
@@ -120,7 +120,7 @@ test("modifier with a deferred", function(){
 	stop();
 	
 	var foo = $.Deferred();
-	$("#qunit-test-area").html("//jquery/view/test/qunit/deferred.ejs", foo );
+	$("#qunit-test-area").html("//jquerypp/view/test/qunit/deferred.ejs", foo );
 	setTimeout(function(){
 		foo.resolve({
 			foo: "FOO"
@@ -133,7 +133,7 @@ test("modifier with a deferred", function(){
 
 test("jQuery.fn.hookup", function(){
 	$("#qunit-test-area").html("");
-	var els = $($.View("//jquery/view/test/qunit/hookup.ejs",{})).hookup();
+	var els = $($.View("//jquerypp/view/test/qunit/hookup.ejs",{})).hookup();
 	$("#qunit-test-area").html(els); //makes sure no error happens
 });
 
@@ -158,7 +158,7 @@ test("html takes promise", function(){
 });
 
 test("val set with a template within a hookup within another template", function(){
-	$("#qunit-test-area").html("//jquery/view/test/qunit/hookupvalcall.ejs",{});
+	$("#qunit-test-area").html("//jquerypp/view/test/qunit/hookupvalcall.ejs",{});
 })
 
 /*test("bad url", function(){
diff --git a/view/tmpl/tmpl.js b/view/tmpl/tmpl.js
index 393279ea..d36be4ff 100644
--- a/view/tmpl/tmpl.js
+++ b/view/tmpl/tmpl.js
@@ -1,5 +1,5 @@
 // jQuery Templates Plugin
-// http://github.com/jquery/jquery-tmpl
+// http://github.com/jquerypp/jquery-tmpl
 // 
 // Copyright Software Freedom Conservancy, Inc.
 // Dual licensed under the MIT or GPL Version 2 licenses.
@@ -8,7 +8,7 @@
 /**
  * @class $.tmpl
  * @parent $.View
- * @plugin jquery/view/tmpl
+ * @plugin jquerypp/view/tmpl
  * Provides basic templating with magic tags that look like:
  * @codestart
  * ${value}
@@ -23,7 +23,7 @@
  * For more information on $.tmpl read 
  * [http://api.$.com/category/plugins/templates/ it's documentation].
  */
-steal('jquery', 'can/util', 'jquery/view').then(function($, can){
+steal('jquery', 'can/util', 'jquerypp/view').then(function($, can){
 		// Override the DOM manipulation function
 	var oldManip = $.fn.domManip, tmplItmAtt = "_tmplitem", htmlExpr = /^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /,
 		newTmplItems = {}, wrappedItems = {}, appendToTmplItems, topTmplItem = { key: 0, data: {} }, itemKey = 0, cloneIndex = 0, stack = [];
diff --git a/view/tmpl/tmpl_test.js b/view/tmpl/tmpl_test.js
index 92ac9a7a..e9b5b9ec 100644
--- a/view/tmpl/tmpl_test.js
+++ b/view/tmpl/tmpl_test.js
@@ -1,11 +1,11 @@
-steal('funcunit/qunit','jquery/view/tmpl').then(function(){
+steal('funcunit/qunit','jquerypp/view/tmpl').then(function(){
 // use the view/qunit.html test to run this test script
-module("jquery/view/tmpl")
+module("jquerypp/view/tmpl")
 
 test("ifs work", function(){
 	$("#qunit-test-area").html("");
 	
-	$("#qunit-test-area").html("//jquery/view/tmpl/test.tmpl",{});
+	$("#qunit-test-area").html("//jquerypp/view/tmpl/test.tmpl",{});
 	ok($("#qunit-test-area").find('h1').length, "There's an h1")
 })
 });
diff --git a/view/view.html b/view/view.html
index da9669b5..fbb41cb8 100644
--- a/view/view.html
+++ b/view/view.html
@@ -47,10 +47,10 @@ 
TMPL
 		
 
-    
-
\ No newline at end of file
diff --git a/controller/controller.html b/controller/controller.html
deleted file mode 100644
index 1c66269d..00000000
--- a/controller/controller.html
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-    
-        
-        
-    
-    
-

-

-  
Tab 1
-  
Tab 2
-  
Tab 3
-
-
Tab 1 Content
-
Tab 2 Content
-
Tab 3 Content
-
-
-
-    
-
\ No newline at end of file
diff --git a/controller/controller.js b/controller/controller.js
deleted file mode 100644
index 8c58a3b8..00000000
--- a/controller/controller.js
+++ /dev/null
@@ -1,10 +0,0 @@
-steal('jquery', 'can/control', 'jquerypp/class','can/control/plugin',function($, Control) {
-	$.Controller = Control;
-	$.fn.controller = $.fn.control;
-	$.fn.controllers = $.fn.controls;
-	can.Control.prototype.find = can.Control.prototype.find || function(s) {
-		return this.element.find(s);
-	};
-	$.Controller.prototype.bind = $.Controller.prototype.on;
-	$.Controller.prototype.delegate = $.Controller.prototype.on;
-});
diff --git a/controller/controller_test.js b/controller/controller_test.js
deleted file mode 100644
index a36bea1c..00000000
--- a/controller/controller_test.js
+++ /dev/null
@@ -1,269 +0,0 @@
-steal("jquerypp/controller",'jquerypp/controller/subscribe')  //load your app
- .then('funcunit/qunit')  //load qunit
- .then(function(){
- 	
-module("jquerypp/controller")
-test("subscribe testing works", function(){
-	
-	var ta = $("
").appendTo( $("#qunit-test-area") )
-	
-	ta.html("click here")
-
-	var clicks = 0, destroys = 0;
-	var subscribes = 0;
-	$.Controller.extend("MyTest",{
-		click: function() {
-			clicks++
-		},
-		"a.b subscribe" : function() {
-			subscribes++
-		},
-		destroy: function() {
-			
-			this._super()
-			destroys++;
-		}
-	})
-	ta.my_test();
-	ta.trigger("click")
-	equals(clicks,1, "can listen to clicks")
-	
-	OpenAjax.hub.publish("a.b",{})
-	equals(subscribes,1, "can subscribe")
-	var controllerInstance = ta.controller('my_test')
-	ok( controllerInstance.constructor == MyTest, "can get controller" )
-	controllerInstance.destroy()
-	
-	equals(destroys,1, "destroy called once")
-	ok(!ta.controller(), "controller is removed")
-	
-	OpenAjax.hub.publish("a.b",{})
-	equals(subscribes,1, "subscription is torn down")
-	ta.trigger("click")
-	equals(clicks,1, "No longer listening")
-	
-	
-	
-	ta.my_test();
-	ta.trigger("click")
-	OpenAjax.hub.publish("a.b",{})
-	equals(clicks,2, "can listen again to clicks")
-	equals(subscribes,2, "can listen again to subscription")
-	
-	ta.remove();
-	
-	ta.trigger("click")
-	OpenAjax.hub.publish("a.b",{})
-	equals(clicks,2, "Clicks stopped")
-	equals(subscribes,2, "Subscribes stopped")
-})
-
-
-
-test("bind to any special", function(){
-	jQuery.event.special.crazyEvent = {
-		
-	}
-	var called = false;
-	jQuery.Controller.extend("WeirdBind",{
-		crazyEvent: function() {
-			called = true;
-		}
-	})
-	var a = $("
").appendTo($("#qunit-test-area"))
-	a.weird_bind();
-	a.trigger("crazyEvent")
-	ok(called, "heard the trigger");
-	
-	$("#qunit-test-area").html("")
-	
-})
-
-test("parameterized actions", function(){
-	var called = false;
-	jQuery.Controller.extend("WeirderBind",{
-		"{parameterized}" : function() {
-			called = true;
-		}
-	})
-	var a = $("
").appendTo($("#qunit-test-area"))
-	a.weirder_bind({parameterized: "sillyEvent"});
-	a.trigger("sillyEvent")
-	ok(called, "heard the trigger")
-	
-	$("#qunit-test-area").html("")
-})
-
-test("windowresize", function(){
-	var called = false;
-	jQuery.Controller.extend("WindowBind",{
-		"{window} resize" : function() {
-			called = true;
-		}
-	})
-	$("#qunit-test-area").html("
")
-	$("#weird").window_bind();
-	$(window).trigger('resize')
-	ok(called,"got window resize event");
-	
-	$("#qunit-test-area").html("")
-})
-
-// this.delegate(this.cached.header.find('tr'), "th", "mousemove", "th_mousemove"); 
-test("delegate", function(){
-	var called = false;
-	jQuery.Controller.extend("DelegateTest",{
-		click: function() {}
-	})
-	var els = $("
click me
").appendTo($("#qunit-test-area"))
-	var c = els.delegate_test();
-	c.controller().on(els.find("span"), "a", "click", function(){
-		called = true;
-	})
-	els.find("a").trigger('click')
-	ok(called, "delegate works")
-	$("#qunit-test-area").html("")
-})
-
-test("inherit", function(){
-	var called = false;
-	$.Controller.extend( "Parent", {
-		click: function(){
-			called = true;
-		}
-	})
-	Parent.extend( "Child", {
-		
-	})
-	var els = $("
click me
").appendTo($("#qunit-test-area"))
-	els.child();
-	els.find("a").trigger('click')
-	ok(called, "inherited the click method")
-	$("#qunit-test-area").html("")
-});
-
-test("objects in action", function(){
-	$.Controller('Thing',{
-		"{item} someEvent" : function(thing, ev){
-			ok(true, "called");
-			equals(ev.type, "someEvent","correct event")
-			equals(this.constructor.fullName, "Thing", "This is a controller isntance")
-			equals(thing.name,"Justin","Raw, not jQuery wrapped thing")
-		}
-	});
-	
-	var thing1 = {name: "Justin"};
-	
-	var ta = $("
").appendTo( $("#qunit-test-area") )
-	ta.thing({item : thing1});
-	
-	$(thing1).trigger("someEvent");
-	
-	$("#qunit-test-area").html("");
-	
-});
-
-test("dot",function(){
-	$.Controller("Dot",{
-		"foo.bar" : function(){
-			ok(true,'called')
-		}
-	});
-	
-	var ta = $("
").appendTo( $("#qunit-test-area") );
-	ta.dot().trigger("foo.bar");
-	$("#qunit-test-area").html("");
-})
-
-// HTMLFormElement[0] breaks
-test("the right element", 1, function(){
-	$.Controller('FormTester',{
-		init : function(){
-			equals(this.element[0].nodeName.toLowerCase(), "form" )
-		}
-	})
-	$("
").appendTo( $("#qunit-test-area") )
-		.form_tester();
-	$("#qunit-test-area").html("")
-})
-
-test("pluginName", function() {
-	// Testing for controller pluginName fixes as reported in
-	// http://forum.javascriptmvc.com/#topic/32525000000253001
-	// http://forum.javascriptmvc.com/#topic/32525000000488001
-	expect(6);
-
-	$.Controller("PluginName", {
-	pluginName : "my_plugin"
-	}, {
-	method : function(arg) {
-	ok(true, "Method called");
-	},
-
-	update : function(options) {
-	this._super(options);
-	ok(true, "Update called");
-	},
-
-	destroy : function() {
-	ok(true, "Destroyed");
-	this._super();
-	}
-	});
-
-	var ta = $("
").addClass('existing_class').appendTo( $("#qunit-test-area") );
-	ta.my_plugin(); // Init
-	ok(ta.hasClass("my_plugin"), "Should have class my_plugin");
-	ta.my_plugin(); // Update
-	ta.my_plugin("method"); // method()
-	ta.controller().destroy(); // destroy
-	ok(!ta.hasClass("my_plugin"), "Shouldn't have class my_plugin after being destroyed");
-	ok(ta.hasClass("existing_class"), "Existing class should still be there");
-})
-
-test("inherit defaults", function() {
-    $.Controller.extend("BaseController", {
-        defaults : {
-            foo: 'bar'
-        }
-    }, {});
-
-    BaseController.extend("InheritingController", {
-        defaults : {
-            newProp : 'newVal'
-        }
-    }, {});
-
-    ok(InheritingController.defaults.foo === 'bar', 'Class must inherit defaults from the parent class');
-    ok(InheritingController.defaults.newProp == 'newVal', 'Class must have own defaults');
-    var inst = new InheritingController($('
'), {});
-    ok(inst.options.foo === 'bar', 'Instance must inherit defaults from the parent class');
-    ok(inst.options.newProp == 'newVal', 'Instance must have defaults of it`s class');
-});
-
-test("update rebinding", 2, function(){
-	var first = true;
-	$.Controller("Rebinder", {
-		"{item} foo" : function(item, ev){
-			if(first){
-				equals(item.id, 1, "first item");
-				first = false;
-			} else  {
-				equals(item.id, 2, "first item");
-			}
-		}
-	});
-	
-	var item1 = {id: 1},
-		item2 = {id: 2},
-		el = $('
').rebinder({item: item1})
-	
-	$(item1).trigger("foo")
-	
-	el.rebinder({item: item2});
-	
-	$(item2).trigger("foo")
-})
-
-
-});
diff --git a/controller/demo-update.html b/controller/demo-update.html
deleted file mode 100644
index b5f0412b..00000000
--- a/controller/demo-update.html
+++ /dev/null
@@ -1,54 +0,0 @@
-
-
-    
-        
-        
-    
-    
-

-

-	
-	
-
-
-
-
-    
-
\ No newline at end of file
diff --git a/controller/pages/listening.md b/controller/pages/listening.md
deleted file mode 100644
index 2cdbc91c..00000000
--- a/controller/pages/listening.md
+++ /dev/null
@@ -1,189 +0,0 @@
-@page jquery.controller.listening Listening To Events
-@parent jQuery.Controller
-
-Controllers make creating and tearing down event handlers extremely
-easy.  The tearingdown of event handlers is especially important
-in preventing memory leaks in long lived applications.
-
-## Automatic Binding
-
-When a [jQuery.Controller.prototype.setup new controller is created],
-contoller checks its prototype methods for functions that are named like 
-event handlers.  It binds these functions to the 
-controller's [jQuery.Controller.prototype.element element] with 
-event delegation.  When
-the controller is destroyed (or it's element is removed from the page), controller
-will unbind its event handlers automatically.
-
-For example, each of the following controller's functions will automatically
-bound:
-
-    $.Controller("Crazy",{
-    
-      // listens to all clicks on this element
-      "click" : function(el, ev){},
-      
-      // listens to all mouseovers on 
-      // li elements withing this controller
-      "li mouseover" : function(el, ev){}
-      
-      // listens to the window being resized
-      "{window} resize" : function(window, ev){}
-    })
-
-Controller will bind function names with spaces, standard DOM events, and 
-event names in $.event.special.
-
-In general, Controller will know automatically when to bind event handler functions except for 
-one case - event names without selectors that are not in $.event.special.
-
-But to correct for this, you just need to add the 
-function to the [jQuery.Controller.static.listensTo listensTo] 
-property.  Here's how:
-
-	 $.Controller("MyShow",{
-	   listensTo: ["show"]
-	 },{
-	   show: function( el, ev ) {
-	     el.show();
-	   }
-	 })
-	 $('.show').my_show().trigger("show");
-
-## Callback parameters
-
-Event handlers bound with controller are called back with the element and the event 
-as parameters.  this refers to the controller instance.  For example:
-
-    $.Controller("Tabs",{
-    
-      // li - the list element that was clicked
-      // ev - the click event
-      "li click" : function(li, ev){
-         this.tab(li).hide()
-      },
-      tab : function(li){
-        return $(li.find("a").attr("href"))
-      }
-    })
-
-## Templated Event Bindings
-
-One of Controller's most powerful features is templated event 
-handlers.  You can parameterize the event name,
-the selector, or event the root element.
-
-### Templating event names and selectors:
-
-Often, you want to make a widget's behavior 
-configurable. A common example is configuring which event
-a menu should show a sub-menu (ex: on click or mouseenter).  The 
-following controller lets you configure when a menu should show 
-sub-menus:
-
-The following makes two buttons.  One says hello on click, 
-the other on a 'tap' event.
-
-    $.Controller("Menu",{
-      "li {showEvent}" : function(el){
-        el.children('ul').show()
-      }
-    })
-    
-    $("#clickMe").menu({showEvent : "click"});
-    $("#touchMe").menu({showEvent : "mouseenter"});
-
-$.Controller replaces value in {} with 
-values in a 
-controller's [jQuery.Controller.prototype.options options]. This means
-we can easily provide a default showEvent value and create
-a menu without providing a value like:
-
-    $.Controller("Menu",
-    {
-      defaults : {
-        showEvent : "click"
-      }
-    },
-    {
-      "li {showEvent}" : function(el){
-        el.children('ul').show()
-      }
-    });
-    
-    $("#clickMe").menu(); //defaults to using click
-
-Sometimes, we might might want to configure our widget to 
-use different elements.  The following makes the menu widget's
-button elements configurable:
-
-    $.Controller("Menu",{
-      "{button} {showEvent}" : function(el){
-        el.children('ul').show()
-      }
-    })
-
-    $('#buttonMenu').menu({button: "button"});
-
-### Templating the root element.
-
-Finally, controller lets you bind to objects outside 
-of the [jQuery.Controller.prototype.element controller's element].
-
-The following listens to clicks on the window:
-
-    $.Controller("HideOnClick",{
-      "{window} click" : function(){
-        this.element.hide()
-      }
-    })
-
-The following listens to Todos being created:
-
-    $.Controller("NewTodos",{
-      "{App.Models.Todo} created" : function(Todo, ev, newTodo){
-        this.element.append("newTodos.ejs", newTodo)
-      }
-    });
-
-But instead of making NewTodos only work with the Todo model,
-we can make it configurable:
-
-    $.Controller("Newbie",{
-      "{model} created" : function(Model, ev, newItem){
-        this.element.append(this.options.view, newItem)
-      }
-    });
-
-    $('#newItems').newbie({
-      model: App.Models.Todo,
-      view: "newTodos.ejs"
-    })
-    
-### How Templated events work
-
-When looking up a value to replace {},
-controller first looks up the item in the options, then it looks
-up the value in the window object.  It does not use eval to look up the
-object.  Instead it uses [jQuery.String.getObject].
-
-
-## Subscribing to OpenAjax messages and custom bindings
-
-The jquerypp/controller/subscribe plugin allows controllers to listen
-to OpenAjax.hub messages like:
-
-    $.Controller("Listener",{
-      "something.updated subscribe" : function(called, data){
-      
-      }
-    })
-
-You can create your own binders by adding to [jQuery.Controller.static.processors].
-
-## Manually binding to events.
-
-The [jQuery.Controller.prototype.bind] and [jQuery.Controller.prototype.delegate]
-methods let you listen to events on other elements.  These event handlers will
-be unbound when the controller instance is destroyed.
-
diff --git a/controller/pages/plugin.md b/controller/pages/plugin.md
deleted file mode 100644
index d3ee520f..00000000
--- a/controller/pages/plugin.md
+++ /dev/null
@@ -1,101 +0,0 @@
-@page jquery.controller.plugin The generated jQuery plugin
-@parent jQuery.Controller
-
-When you create a controller, it creates a jQuery plugin that can be
-used to:
-
-  - Create controllers on an element or elements
-  - Call controller methods
-  - Update a controller
-
-For example, the following controller:
-
-    $.Controller("My.Widget",{
-      say : function(){
-         alert(this.options.message);
-      }
-    })
-    
-creates a jQuery.fn.my_widget method that you can use like:
-
-    // create my_widget on each .thing
-    $(".thing").my_widget({message : "Hello"}) 
-    
-    // alerts "Hello"
-    $(".thing").my_widget("say");
-
-	// updates the message option
-	$(".thing").my_widget({message : "World"});
-	
-	// alerts "World"
-    $(".thing").my_widget("say");
-    
-Note that in every case, the my_widget plugin
-returns the original jQuery collection for chaining ($('.thing')).  If you want to
-get a value from a controller, use the [jQuery.fn.controllers] or [jQuery.fn.controller].
-
-## Creating controllers
-
-When a controller's jQuery plugin helper is used on a jQuery collection, it goes to each 
-element and tests if it has a controller instance on the element.  If it does not, it creates one.
-
-It calls new YourController with the element and any additional arguments you passed 
-to the jQuery plugin helper.  So for example, say there are 2 elements in $('.thing').
-
-This:
-
-    $(".thing").my_widget({message : "Hello"})
-    
-Does the exact same thing as:
-
-    var things = $('.thing'),
-        options = {message : "Hello"};
-    new My.Widget(things[0],options);
-    new My.Widget(things[1],options);
-
-Note, when a new Class is created, it calls your 
-class's prototype setup and init methods. Read [jQuery.Controller.prototype.setup controller's setup] 
-for the details on what happens when a new controller is created.
-
-
-## Calling methods on controllers
-
-Once a Controller is already on an element, you can call methods on it with the same jQuery
-helper.  The first param to the helper is the name of the method, the following params are 
-passed to the jQuery function.  For example:
-
-    $.Controller("Adder",{
-      sum : function(first, second, third){
-         this.element.text(first+second+third);
-      }
-    })
-    
-    // add an adder to the page
-    $("#myadder").adder()
-    
-    // show the sum of 1+2+3
-    $("#myadder").adder("sum",1,2,3);
-
-## Naming
-
-By default, a controller's jQuery helper is the controller name:
-
-   - [jQuery.String.underscore underscored]
-   - "." replaced with "_"
-   - with Controllers removed.
-
-Here are some examples:
-
-    $.Controller("Foo")                 // -> .foo()
-    $.Controller("Foo.Bar")             // -> .foo_bar()
-    $.Controller("Foo.Controllers.Bar") // -> .foo_bar()
-
-You can overwrite the Controller's default name by setting a static pluginName property:
-
-    $.Controller("My.Tabs",
-    {
-      pluginName: "tabs"
-    },
-    { ... })
-    
-    $("#tabs").tabs()
diff --git a/controller/qunit.html b/controller/qunit.html
deleted file mode 100644
index 13d5a0f8..00000000
--- a/controller/qunit.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-    
-        
-        
-		
-    
-    
-
-        
Controller Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/controller/route/qunit.html b/controller/route/qunit.html
deleted file mode 100644
index e9ef5ae9..00000000
--- a/controller/route/qunit.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-    
-        
-        
-		
-    
-    
-
-        
route Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/controller/route/route.html b/controller/route/route.html
deleted file mode 100644
index 36cf1a4e..00000000
--- a/controller/route/route.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-	
-		
-        
-	
-	
-	    
route Demo
-		foo/bar
-		foo/car
-		empty
-		
-		
-	
-
\ No newline at end of file
diff --git a/controller/route/route.js b/controller/route/route.js
deleted file mode 100644
index 13935ac0..00000000
--- a/controller/route/route.js
+++ /dev/null
@@ -1 +0,0 @@
-steal('jquerypp/controller', 'can/control/route')
diff --git a/controller/route/route_test.js b/controller/route/route_test.js
deleted file mode 100644
index 6a140d6b..00000000
--- a/controller/route/route_test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-steal('funcunit/qunit','./route',function(){
-
-module("route");
-
-test("route testing works", function(){
-	ok(true,"an assert is run");
-});
-
-
-});
\ No newline at end of file
diff --git a/controller/subscribe/funcunit.html b/controller/subscribe/funcunit.html
deleted file mode 100644
index 597d6324..00000000
--- a/controller/subscribe/funcunit.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-    
-        
-        
-		
-    
-    
-
-        
subscribe Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/controller/subscribe/subscribe.html b/controller/subscribe/subscribe.html
deleted file mode 100644
index 66f823e7..00000000
--- a/controller/subscribe/subscribe.html
+++ /dev/null
@@ -1,56 +0,0 @@
-
-
-	
-		
-        
-	
-	
-		

-            

-                subscribe me
-            
-            
Turn OFF Above
-        
-        
-        
-        
-    
-
diff --git a/controller/subscribe/subscribe.js b/controller/subscribe/subscribe.js
deleted file mode 100644
index 3ccdf273..00000000
--- a/controller/subscribe/subscribe.js
+++ /dev/null
@@ -1,54 +0,0 @@
-/*global OpenAjax: true */
-steal('jquerypp/controller', 'jquerypp/lang/openajax').then(function() {
-
-	/**
-	 * @function jQuery.Controller.static.processors.subscribe
-	 * @parent jQuery.Controller.static.processors
-	 * @plugin jquerypp/controller/subscribe
-	 * Adds OpenAjax.Hub subscribing to controllers.
-	 * 
-	 *     $.Controller("Subscriber",{
-	 *       "recipe.updated subscribe" : function(called, recipe){
-	 *         
-	 *       },
-	 *       "todo.* subscribe" : function(called, todo){
-	 *       
-	 *       }
-	 *     })
-	 * 
-	 * You should typically be listening to jQuery triggered events when communicating between
-	 * controllers.  Subscribe should be used for listening to model changes.
-	 * 
-	 * ### API
-	 * 
-	 * This is the call signiture for the processor, not the controller subscription callbacks.
-	 * 
-	 * @param {HTMLElement} el the element being bound.  This isn't used.
-	 * @param {String} event the event type (subscribe).
-	 * @param {String} selector the subscription name
-	 * @param {String} cb the callback function's name
-	 */
-	jQuery.Controller.processors.subscribe = function( el, event, selector, cb, controller ) {
-		var subscription = OpenAjax.hub.subscribe(selector, function(){
-			return controller[cb].apply(controller, arguments)
-		});
-		return function() {
-			OpenAjax.hub.unsubscribe(subscription);
-		};
-	};
-
-	/**
-	 * @add jQuery.Controller.prototype
-	 */
-	//breaker
-	/**
-	 * @function publish
-	 * @hide
-	 * Publishes a message to OpenAjax.hub.
-	 * @param {String} message Message name, ex: "Something.Happened".
-	 * @param {Object} data The data sent.
-	 */
-	jQuery.Controller.prototype.publish = function() {
-		OpenAjax.hub.publish.apply(OpenAjax.hub, arguments);
-	};
-});
\ No newline at end of file
diff --git a/controller/view/qunit.html b/controller/view/qunit.html
deleted file mode 100644
index 9bb19670..00000000
--- a/controller/view/qunit.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-    
-        
-        
-		
-    
-    
-
-        
Controller Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/controller/view/test/qunit/controller_view_test.js b/controller/view/test/qunit/controller_view_test.js
deleted file mode 100644
index dd6840f7..00000000
--- a/controller/view/test/qunit/controller_view_test.js
+++ /dev/null
@@ -1,49 +0,0 @@
-steal('jquerypp/controller/view','jquerypp/view/micro','funcunit/qunit', function() {
-	
-	module("jquerypp/controller/view");
-	
-	test("this.view", function(){
-		
-		$.Controller.extend("jquery.Controller.View.Test.Qunit",{
-			init: function() {
-				this.element.html(this.view())
-			}
-		})
-		$.View.ext = ".micro";
-		$("#qunit-test-area").append("
");
-		
-		new jquery.Controller.View.Test.Qunit( $('#cont_view') );
-		
-		ok(/Hello World/i.test($('#cont_view').text()),"view rendered")
-	});
-	
-	test("test.suffix.doubling", function(){
-		
-		$.Controller.extend("jquery.Controller.View.Test.Qunit",{
-			init: function() {
-				this.element.html(this.view('init.micro'))
-			}
-		})
-		
-		$.View.ext = ".ejs"; // Reset view extension to default
-		equal(".ejs", jQuery.View.ext); 
-		
-		$("#qunit-test-area").append("
");
-		
-		new jquery.Controller.View.Test.Qunit( $('#suffix_test_cont_view') );
-		
-		ok(/Hello World/i.test($('#suffix_test_cont_view').text()),"view rendered")
-	});
-	
-	test("complex paths nested inside a controller directory", function(){
-		$.Controller.extend("Myproject.Controllers.Foo.Bar");
-		
-		var path = jQuery.Controller._calculatePosition(Myproject.Controllers.Foo.Bar, "init.ejs", "init")
-		equals(path, "//myproject/views/foo/bar/init.ejs", "view path is correct")
-		
-		$.Controller.extend("Myproject.Controllers.FooBar");
-		path = jQuery.Controller._calculatePosition(Myproject.Controllers.FooBar, "init.ejs", "init")
-		equals(path, "//myproject/views/foo_bar/init.ejs", "view path is correct")
-	})
-});
-
diff --git a/controller/view/test/qunit/qunit.js b/controller/view/test/qunit/qunit.js
deleted file mode 100644
index 1296166b..00000000
--- a/controller/view/test/qunit/qunit.js
+++ /dev/null
@@ -1,5 +0,0 @@
-//we probably have to have this only describing where the tests are
-steal('jquerypp/controller/view','jquerypp/view/micro')  //load your app
- .then('funcunit/qunit')  //load qunit
- .then("./controller_view_test.js")
- 
diff --git a/controller/view/test/qunit/views/init.micro b/controller/view/test/qunit/views/init.micro
deleted file mode 100644
index 9a1eb8d2..00000000
--- a/controller/view/test/qunit/views/init.micro
+++ /dev/null
@@ -1 +0,0 @@
-
Hello World
\ No newline at end of file
diff --git a/controller/view/view.js b/controller/view/view.js
deleted file mode 100644
index f53bb5be..00000000
--- a/controller/view/view.js
+++ /dev/null
@@ -1 +0,0 @@
-steal('jquerypp/controller', 'can/control/view');
\ No newline at end of file
diff --git a/dom/animate/animate.html b/dom/animate/animate.html
index 75c5a991..11dbfa81 100644
--- a/dom/animate/animate.html
+++ b/dom/animate/animate.html
@@ -17,13 +17,12 @@
   
Hello!
 
 

-
 
diff --git a/dom/animate/animate.js b/dom/animate/animate.js
index 781f0b90..47f965b5 100644
--- a/dom/animate/animate.js
+++ b/dom/animate/animate.js
@@ -1,4 +1,4 @@
-steal('jquery', 'jquerypp/dom/styles', function ($) {
+steal('jquery', function ($) {
 
 	// Overwrites `jQuery.fn.animate` to use CSS 3 animations if possible
 
@@ -295,7 +295,7 @@ steal('jquery', 'jquerypp/dom/styles', function ($) {
 			}
 
 			// Use $.styles
-			current = self.styles.apply(self, properties);
+			current = self.css.apply(self, properties);
 			$.each(properties, function(i, cur) {
 				// Convert a camelcased property name
 				var name = cur.replace(/([A-Z]|^ms)/g, "-$1" ).toLowerCase();
diff --git a/dom/animate/animate_test.js b/dom/animate/animate_test.js
index c49297cc..86f2a0a1 100644
--- a/dom/animate/animate_test.js
+++ b/dom/animate/animate_test.js
@@ -1,6 +1,20 @@
-steal('jquery', 'jquerypp/dom/animate', 'funcunit/qunit', './qunit.css', function ($) {
-
-	module("jquerypp/dom/animate");
+steal('jquery', 
+	"jquerypp/dom/animate/test/fixture.html!system-text",
+	'jquerypp/dom/animate', 'steal-qunit', function ($, fixtureHTML) {
+
+	module("jquerypp/dom/animate", {
+		setup: function(){
+			// make qunit-fixture something else
+			$("#qunit-fixture").prop("id","outer-qunit-fixture")
+				.replaceWith(fixtureHTML);
+		},
+		teardown: function(){
+			$("#outer-qunit-fixture").empty().prop("id","qunit-fixture");
+		}
+	});
+	var reset = function(){
+		$("#outer-qunit-fixture").html(fixtureHTML);
+	};
 
 	if ( $.fx ) {
 		test("sanity check", function() {
@@ -21,7 +35,7 @@ steal('jquery', 'jquerypp/dom/animate', 'funcunit/qunit', './qunit.css', functio
 
 			equal( div.css("display"), "block", "Make sure pre-hidden divs show" );
 
-			QUnit.reset();
+			reset();
 
 			hiddendiv = jQuery("div.hidden");
 
@@ -105,7 +119,7 @@ steal('jquery', 'jquerypp/dom/animate', 'funcunit/qunit', './qunit.css', functio
 
 		test("show(Number) - other displays", function() {
 			expect(15);
-			QUnit.reset();
+			reset();
 			stop();
 
 			// #show-tests * is set display: none in CSS
@@ -149,7 +163,7 @@ steal('jquery', 'jquerypp/dom/animate', 'funcunit/qunit', './qunit.css', functio
 // Supports #7397
 		test("Persist correct display value", function() {
 			expect(3);
-			QUnit.reset();
+			reset();
 			stop();
 
 			// #show-tests * is set display: none in CSS
@@ -1250,7 +1264,7 @@ steal('jquery', 'jquerypp/dom/animate', 'funcunit/qunit', './qunit.css', functio
 
 		test("hide hidden elements, with animation (bug #7141)", function() {
 			expect(3);
-			QUnit.reset();
+			reset();
 			stop();
 
 			var div = jQuery("
").appendTo("#qunit-fixture");
diff --git a/dom/animate/qunit.html b/dom/animate/qunit.html
index e70e0d4e..94656b21 100644
--- a/dom/animate/qunit.html
+++ b/dom/animate/qunit.html
@@ -1,7 +1,7 @@
 
 
   
-  
+  
   
 
 
@@ -19,232 +19,7 @@ 

 
 

 

-  
See this blog entry for more information.
-  

-    Here are some links in a normal paragraph: Google,
-    Google Groups (Link).
-    This link has class="blog":
-    diveintomark
-
-  
-  

-    
Everything inside the red border is inside a div with id="foo".
-    
This is a normal link: Yahoo
-    
This link has class="blog": Simon Willison's Weblog
-
-  
-  
-  
Try them out:
-  

-  

-  

-    Action:
-    
-    
-    
-
-    
-    
-    
-
-    
-    
-
-    
-    
-
-    Button
-
-    foobar
-
-    
-      Nothing
-      1
-      2
-      3
-    
-    
-      Nothing
-      1
-      2
-      3
-    
-    
-      Nothing
-      1
-      2
-      3
-      no value
-    
-    
-      
-        Nothing
-        1
-        2
-      
-      3
-      no value
-    
-    
-      1
-      2
-      3
-    
-
-    
-
-    
-    
-    
-    
-    
-    
-
-    test element
-  
-  Float test.
-  
-  

-    
-    
-  
-  
-
-  

-    
-    
-    
-    
-  
-
-  

-    ?
-      Z
-    
-    
-    
-    
-    
-    
-    
-    
-    
-    
-    
-    
-      ABC
-      ABC
-      ABC
-    
-    
-      ABC
-      ABC
-      ABC
-    
-    
-      YES
-    
-    
-      NO
-    
-    
-    
-    
-    NO
-    
-    
-    
-    
-      NO
-    
-    
-    
-  
-  

-    

-      

-        
-        
-        
-        
-      
-    
-    
hi there 
-    

-      
hidden
-    
-    

-      

-    
-    

-  
-
-  

-    

-      
Rice
-      
Beans
-      
Blinis
-      
Tofu
-    
-
-    
I'm hungry. I should...
-    ...Eat lots of food... |
-    ...Eat a little food... |
-    ...Eat no food...
-    ...Eat a burger...
-    ...Eat some funyuns...
-    ...Eat some funyuns...
-  
-
-  

-    
-    
-  
-
-  

-    1
-    2
-    
-      
-        
-          
-        
-      
-    
-    
-  
-
-
-

-  

-    
fadeIn
fadeIn
-    
fadeOut
fadeOut
-
-    
show
show
-    
hide
hide
-
-    
togglein
togglein
-    
toggleout
toggleout
-
-
-    
slideUp
slideUp
-    
slideDown
slideDown
-
-    
slideToggleIn
slideToggleIn
-    
slideToggleOut
slideToggleOut
-
-    
fadeToggleIn
fadeToggleIn
-    
fadeToggleOut
fadeToggleOut
-
-    
fadeTo
fadeTo
-  
-
-  

+ 
 
 

 

 	
-			
-		
-
+
diff --git a/event/default/default_pause_test.html b/event/default/default_pause_test.html
index f987c680..f7b80704 100644
--- a/event/default/default_pause_test.html
+++ b/event/default/default_pause_test.html
@@ -1,7 +1,7 @@
 
     
         
-		
+		
         
-		
-    
-    
-
-        
Default Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/event/default/test.html b/event/default/test.html
new file mode 100644
index 00000000..0715ce92
--- /dev/null
+++ b/event/default/test.html
@@ -0,0 +1,3 @@
+
+
+

diff --git a/event/destroyed/destroyed.md b/event/destroyed/destroyed.md
deleted file mode 100644
index 6d48204d..00000000
--- a/event/destroyed/destroyed.md
+++ /dev/null
@@ -1,28 +0,0 @@
-@constructor jQuery.event.destroyed
-@parent jquerypp
-
-@body
-
-`jQuery.event.destroyed` adds a `destroyed` event that is triggered when an element has been removed.
-
-The destroyed event is called when the element is removed as a result of a jQuery DOM
-[manipulation method](http://api.jquery.com/category/manipulation/) like *remove*, *html*, *replaceWith*, etc.
-Destroyed events do not bubble, so make sure you don't use live or delegate with destroyed events.
-
-The destroyed event is very useful when you want to remove certain event handlers or clean up references
-when the element has been removed. This is very important in order to create long lived applications
-that do not leak.
-
-## Quick Example
-
-	$(".foo").on("destroyed", function(){
-	   //clean up code
-	});
-
-## Quick Demo
-
-@demo jquerypp/event/destroyed/destroyed.html 200
-
-## More Involved Demo
-
-@demo jquerypp/event/destroyed/destroyed_menu.html 
\ No newline at end of file
diff --git a/event/destroyed/destroyed_test.js b/event/destroyed/destroyed_test.js
deleted file mode 100644
index bd576afe..00000000
--- a/event/destroyed/destroyed_test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-steal("jquerypp/event/destroyed", 'funcunit/qunit', function() {
-
-module("jquerypp/event/destroyed")
-test("removing an element", function(){
-	var div = $("
").data("testData",5)
-	div.appendTo($("#qunit-test-area"))
-	var destroyed = false;
-	div.bind("destroyed",function(){
-		destroyed = true;
-		equals($(this).data("testData"),5, "other data still exists")
-	})
-	div.remove();
-	ok(destroyed, "destroyed called")
-});
-
-});
\ No newline at end of file
diff --git a/event/destroyed/qunit.html b/event/destroyed/qunit.html
deleted file mode 100644
index a08f936d..00000000
--- a/event/destroyed/qunit.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-    
-        
-        
-		
-    
-    
-
-        
destroyed Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/event/drag/core/core.js b/event/drag/core/core.js
index 8be3cdc9..d85ef330 100644
--- a/event/drag/core/core.js
+++ b/event/drag/core/core.js
@@ -180,7 +180,7 @@ steal('jquery', 'jquerypp/lang/vector', 'jquerypp/event/livehack', 'jquerypp/eve
 
 			this.element.trigger('move', this);
 			var pointer = ev.vector();
-			if ( this._start_position && this._start_position.equals(pointer) ) {
+			if ( this._start_position && this._start_position.equal(pointer) ) {
 				return;
 			}
 			this.draw(pointer, ev);
diff --git a/event/drag/drag.html b/event/drag/drag.html
index a4c44f01..c4b5e13a 100644
--- a/event/drag/drag.html
+++ b/event/drag/drag.html
@@ -83,12 +83,11 @@ 
Allow Text Selection
 	
I should be able to drag on this
 	
 
-		
-	
+
 	
 
\ No newline at end of file
diff --git a/event/drag/drag_test.js b/event/drag/drag_test.js
index 8074fe5c..0cf325f6 100644
--- a/event/drag/drag_test.js
+++ b/event/drag/drag_test.js
@@ -1,5 +1,5 @@
-steal("jquerypp/event/drop", 'funcunit/qunit', 'funcunit/syn', "jquerypp/event/drop/drop_test.js",
-function($, QUnit, Syn) {
+steal("jquerypp/event/drop", 'steal-qunit', 'syn', "jquerypp/event/drop/drop_test.js",
+function($, QUnit, syn) {
 
 module("jquerypp/event/drag",{
 	makePoints : function(){
@@ -9,31 +9,31 @@ module("jquerypp/event/drag",{
 			"
"+
 			"
");
 	
-		div.appendTo($("#qunit-test-area"));
+		div.appendTo($("#qunit-fixture"));
 		var basicCss = {
 			width: "20px",
 			height: "20px",
 			position: "absolute",
 			border: "solid 1px black"
-		}
-		$("#drag").css(basicCss).css({top: "0px", left: "0px", zIndex: 1000, backgroundColor: "red"})
-		$("#midpoint").css(basicCss).css({top: "0px", left: "30px"})
+		};
+		$("#drag").css(basicCss).css({top: "0px", left: "0px", zIndex: 1000, backgroundColor: "red"});
+		$("#midpoint").css(basicCss).css({top: "0px", left: "30px"});
 		$("#drop").css(basicCss).css({top: "30px", left: "30px"});
 	}
-})
+});
 test("dragging an element", function(){
 	var div = $("
"+
 			"
"+
 			"
"+
 			"
"+
 			"
");
-	$("#qunit-test-area").html(div);
+	$("#qunit-fixture").html(div);
 	var basicCss = {
 		width: "20px",
 		height: "20px",
 		position: "absolute",
 		border: "solid 1px black"
-	}
+	};
 	$("#drag").css(basicCss).css({top: "0px", left: "0px", zIndex: 1000, backgroundColor: "red"})
 	$("#midpoint").css(basicCss).css({top: "0px", left: "30px"})
 	$("#drop").css(basicCss).css({top: "30px", left: "30px"});
@@ -41,7 +41,7 @@ test("dragging an element", function(){
 	
 	var drags = {}, drops ={};
 	
-	$("#qunit-test-area")
+	$("#qunit-fixture")
 		.on("dragdown", '#drag',function(){
 			drags.dragdown = true;
 		})
@@ -62,9 +62,9 @@ test("dragging an element", function(){
 		})
 		.on("dragcleanup", '#drag', function() {
 			drags.dragcleanup = true;
-		})
+		});
 
-	$("#qunit-test-area")
+	$("#qunit-fixture")
 		.on("dropinit",'#drop', function(){ 
 			drops.dropinit = true;
 		})
@@ -82,11 +82,11 @@ test("dragging an element", function(){
 		})
 		.on("dropend",'#drop', function(){ 
 			drops.dropend = true;
-		})
+		});
 
 	stop();
 	
-	Syn.drag({to: "#midpoint"},"drag", function(){
+	syn.drag("drag", {to: "#midpoint"},function(){
 		ok(drags.dragdown, "dragdown fired correctly")
 		ok(drags.draginit, "draginit fired correctly")
 		ok(drags.dragmove, "dragmove fired correctly")
@@ -113,9 +113,9 @@ test("dragging an element", function(){
 		ok(drops.dropout, 	"dropout fired correctly")
 		//div.remove();
 		start();
-		$("#qunit-test-area").off()
-	})
-})
+		$("#qunit-fixture").off()
+	});
+});
 
 test("move event", function(){
 	var div = $("
"+
@@ -124,13 +124,13 @@ test("move event", function(){
 		"
"),
 		moved = false,
 		draginit = false;
-	$("#qunit-test-area").html(div);
+	$("#qunit-fixture").html(div);
 	var basicCss = {
 		width: "20px",
 		height: "20px",
 		position: "absolute",
 		border: "solid 1px black"
-	}
+	};
 	$("#drag-move").css(basicCss).css({top: "0px", left: "0px", zIndex: 1000, backgroundColor: "red"})
 	$("#move-to").css(basicCss).css({top: "0px", left: "100px"})
 
@@ -144,11 +144,11 @@ test("move event", function(){
 		}
 	});
 
-	Syn.drag({to: "#move-to"},"drag-move", function(){
+	syn.drag("drag-move",{to: "#move-to"}, function(){
 		ok(moved, 'Move event fired');
 		start();
 	});
-})
+});
 
 test("drag position", function(){
 	this.makePoints();
@@ -156,20 +156,20 @@ test("drag position", function(){
 	
 	var drags = {}, drops ={};
 	
-	$("#qunit-test-area").on("draginit",'#drag', function(){
+	$("#qunit-fixture").on("draginit",'#drag', function(){
 		drags.draginit = true;
 	})
 	var offset = $('#drag').offset();
 
 	stop();
 	
-	Syn.drag("+20 +20","drag", function(){
+	syn.drag("drag","+20 +20", function(){
 		var offset2 = $('#drag').offset();
-		equals(offset.top+20, Math.ceil(offset2.top), "top")
-		equals(offset.left+20, Math.ceil(offset2.left), "left")
+		equal(offset.top+20, Math.ceil(offset2.top), "top")
+		equal(offset.left+20, Math.ceil(offset2.left), "left")
 		start();
-		$("#qunit-test-area").off()
-	})
+		$("#qunit-fixture").off()
+	});
 });
 
 test("dragdown" , function(){
@@ -181,7 +181,7 @@ test("dragdown" , function(){
 			"
"+
 			"
");
 	
-	$("#qunit-test-area").html(div);
+	$("#qunit-fixture").html(div);
 	$("#dragger").css({
 		position: "absolute",
 		backgroundColor : "blue",
@@ -196,10 +196,10 @@ test("dragdown" , function(){
 	
 	$('#draginp').focus(function(){
 		draginpfocused = true;
-	})
+	});
 	$('#dragnoprevent').focus(function(){
 		dragnopreventfocused = true;
-	})
+	});
 	
 	$('#dragger').bind("dragdown", function(ev, drag){
 		if(ev.target.id == 'draginp'){
@@ -207,29 +207,29 @@ test("dragdown" , function(){
 		}else{
 			ev.preventDefault();
 		}
-	})
+	});
 	var offset = $('#dragger').offset();
 
 	stop();
-	Syn.drag("+20 +20","draginp", function(){
+	syn.drag("draginp", "+20 +20",function(){
 		var offset2 = $('#dragger').offset();
-		equals(offset.top, Math.ceil(offset2.top), "top")
-		equals(offset.left, Math.ceil(offset2.left), "left")
+		equal(offset.top, Math.ceil(offset2.top), "top")
+		equal(offset.left, Math.ceil(offset2.left), "left")
 		
-	}).drag("+20 +20","dragnoprevent", function(){
+	}).drag("dragnoprevent","+20 +20", function(){
 		var offset2 = $('#dragger').offset();
-		equals(offset.top+20, Math.ceil(offset2.top), "top")
-		equals(offset.left+20, Math.ceil(offset2.left), "left")
+		equal(offset.top+20, Math.ceil(offset2.top), "top")
+		equal(offset.left+20, Math.ceil(offset2.left), "left")
 		// IE doesn't respect preventDefault on text inputs (http://www.quirksmode.org/dom/events/click.html)
-		if(!document.body.attachEvent) {
-			ok(draginpfocused, "First input was allowed to be focused correctly");
-		}
+		//if(!document.body.attachEvent) {
+		//	ok(draginpfocused, "First input was allowed to be focused correctly");
+		//}
 			
 		//ok(!dragnopreventfocused, "Second input was not allowed to focus");
 		start();
-	})
+	});
 
-})
+});
 
 test("dragging child element (a handle)" , function(){
 	var div = $("
"+
@@ -238,7 +238,7 @@ test("dragging child element (a handle)" , function(){
 			"
"+
 			"
");
 	
-	$("#qunit-test-area").html(div);
+	$("#qunit-fixture").html(div);
 	$("#dragger").css({
 		position: "absolute",
 		backgroundColor : "blue",
@@ -254,16 +254,16 @@ test("dragging child element (a handle)" , function(){
 	$('#dragger').bind("draginit", function(ev, drag){
 		drag.only();
 		drag.representative(dragged);
-	})
+	});
 	
 	stop();
 
 	var offset = $('#dragger').offset();
 
-	Syn.drag("+20 +20","dragged", function() {
+	syn.drag("dragged", "+20 +20",function() {
 		var offset2 = $('#dragger').offset();
-		equals(offset.top, offset2.top, "top")
-		equals(offset.left, offset2.left, "left")
+		equal(offset.top, offset2.top, "top")
+		equal(offset.left, offset2.left, "left")
 
 		ok(dragged.is(':visible'), "Handle should be visible");
 
diff --git a/event/drag/limit/limit.js b/event/drag/limit/limit.js
index eee1b641..f6ef6401 100644
--- a/event/drag/limit/limit.js
+++ b/event/drag/limit/limit.js
@@ -2,7 +2,7 @@
  * @add jQuery.Drag.prototype
  */
 
-steal('jquery', 'jquerypp/event/drag/core', 'jquerypp/dom/styles', function( $ ) {
+steal('jquery', 'jquerypp/event/drag/core', function( $ ) {
 
 
 	$.Drag.prototype
@@ -31,7 +31,7 @@ steal('jquery', 'jquerypp/event/drag/core', 'jquerypp/dom/styles', function( $ )
 	 */
 	.limit = function( container, center ) {
 		//on draws ... make sure this happens
-		var styles = container.styles('borderTopWidth', 'paddingTop', 'borderLeftWidth', 'paddingLeft'),
+		var styles = container.css(['borderTopWidth', 'paddingTop', 'borderLeftWidth', 'paddingLeft']),
 			paddingBorder = new $.Vector(
 			parseInt(styles.borderLeftWidth, 10) + parseInt(styles.paddingLeft, 10) || 0, parseInt(styles.borderTopWidth, 10) + parseInt(styles.paddingTop, 10) || 0);
 
diff --git a/event/drag/qunit.html b/event/drag/qunit.html
deleted file mode 100644
index a00ffbce..00000000
--- a/event/drag/qunit.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-    
-        
-    
-    
-
-        
Drag/Drop Test Suite
-    	

-    	

-    	

-        

-		

-
-    
-    
-
\ No newline at end of file
diff --git a/event/drag/step/step.js b/event/drag/step/step.js
index 2b9b9068..683e6cfd 100644
--- a/event/drag/step/step.js
+++ b/event/drag/step/step.js
@@ -2,7 +2,7 @@
  * @add jQuery.Drag.prototype
  */
 
-steal('jquery', 'jquerypp/event/drag/core', 'jquerypp/dom/styles', function( $ ) {
+steal('jquery', 'jquerypp/event/drag/core', function( $ ) {
 	var round = function( x, m ) {
 		return Math.round(x / m) * m;
 	}
@@ -43,12 +43,12 @@ steal('jquery', 'jquerypp/event/drag/core', 'jquerypp/dom/styles', function( $ )
 			amount = {
 				x: amount,
 				y: amount
-			}
+			};
 		}
 		container = container || $(document.body);
 		this._step = amount;
 
-		var styles = container.styles("borderTopWidth", "paddingTop", "borderLeftWidth", "paddingLeft");
+		var styles = container.css(["borderTopWidth", "paddingTop", "borderLeftWidth", "paddingLeft"]);
 		var top = parseInt(styles.borderTopWidth) + parseInt(styles.paddingTop),
 			left = parseInt(styles.borderLeftWidth) + parseInt(styles.paddingLeft);
 
@@ -76,9 +76,9 @@ steal('jquery', 'jquerypp/event/drag/core', 'jquerypp/dom/styles', function( $ )
 				}
 			}
 
-			oldPosition.call(this, offsetPositionv)
-		}
+			oldPosition.call(this, offsetPositionv);
+		};
 	})();
 
 	return $;
-})
\ No newline at end of file
+});
\ No newline at end of file
diff --git a/event/drag/test.html b/event/drag/test.html
new file mode 100644
index 00000000..6a598bfe
--- /dev/null
+++ b/event/drag/test.html
@@ -0,0 +1,3 @@
+
+
+

diff --git a/event/drop/drop.html b/event/drop/drop.html
index 0876de20..5859f39d 100644
--- a/event/drop/drop.html
+++ b/event/drop/drop.html
@@ -40,8 +40,7 @@ 
Dropmove/Dropon
 

 Drop Count 0
 

-
+
 
-
-
\ No newline at end of file
diff --git a/event/drop/test.html b/event/drop/test.html
new file mode 100644
index 00000000..2c547ae4
--- /dev/null
+++ b/event/drop/test.html
@@ -0,0 +1,3 @@
+
+
+

diff --git a/event/fastfix/fastfix.js b/event/fastfix/fastfix.js
deleted file mode 100644
index fde6ed06..00000000
--- a/event/fastfix/fastfix.js
+++ /dev/null
@@ -1,112 +0,0 @@
-steal('jquery', function ($) {
-	// http://bitovi.com/blog/2012/04/faster-jquery-event-fix.html
-	// https://gist.github.com/2377196
-
-	// IE 8 has Object.defineProperty but it only defines DOM Nodes. According to
-	// http://kangax.github.com/es5-compat-table/#define-property-ie-note
-	// All browser that have Object.defineProperties also support Object.defineProperty properly
-	if(Object.defineProperties) {
-		var
-			// Use defineProperty on an object to set the value and return it
-			set = function (obj, prop, val) {
-				if(val !== undefined) {
-					Object.defineProperty(obj, prop, {
-						value : val
-					});
-				}
-				return val;
-			},
-			// special converters
-			special = {
-				pageX : function (original) {
-					if(!original) {
-						return;
-					}
-
-					var eventDoc = this.target.ownerDocument || document;
-					doc = eventDoc.documentElement;
-					body = eventDoc.body;
-					return original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
-				},
-				pageY : function (original) {
-					if(!original) {
-						return;
-					}
-
-					var eventDoc = this.target.ownerDocument || document;
-					doc = eventDoc.documentElement;
-					body = eventDoc.body;
-					return original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 );
-				},
-				relatedTarget : function (original) {
-					if(!original) {
-						return;
-					}
-
-					return original.fromElement === this.target ? original.toElement : original.fromElement;
-				},
-				metaKey : function (originalEvent) {
-					if(!originalEvent) {
-						return;
-					}
-					return originalEvent.ctrlKey;
-				},
-				which : function (original) {
-					if(!original) {
-						return;
-					}
-
-					return original.charCode != null ? original.charCode : original.keyCode;
-				}
-			};
-
-		// Get all properties that should be mapped
-		$.each($.event.keyHooks.props.concat($.event.mouseHooks.props).concat($.event.props), function (i, prop) {
-			if (prop !== "target") {
-				(function () {
-					Object.defineProperty($.Event.prototype, prop, {
-						get : function () {
-							// get the original value, undefined when there is no original event
-							var originalValue = this.originalEvent && this.originalEvent[prop];
-							// overwrite getter lookup
-							return this['_' + prop] !== undefined ? this['_' + prop] : set(this, prop,
-								// if we have a special function and no value
-								special[prop] && originalValue === undefined ?
-									// call the special function
-									special[prop].call(this, this.originalEvent) :
-									// use the original value
-									originalValue)
-						},
-						set : function (newValue) {
-							// Set the property with underscore prefix
-							this['_' + prop] = newValue;
-						}
-					});
-				})();
-			}
-		});
-
-		$.event.fix = function (event) {
-			if (event[ $.expando ]) {
-				return event;
-			}
-			// Create a jQuery event with at minimum a target and type set
-			var originalEvent = event,
-				event = $.Event(originalEvent);
-			event.target = originalEvent.target;
-			// Fix target property, if necessary (#1925, IE 6/7/8 & Safari2)
-			if (!event.target) {
-				event.target = originalEvent.srcElement || document;
-			}
-
-			// Target should not be a text node (#504, Safari)
-			if (event.target.nodeType === 3) {
-				event.target = event.target.parentNode;
-			}
-
-			return event;
-		}
-	}
-
-	return $;
-});
diff --git a/event/fastfix/fastfix.md b/event/fastfix/fastfix.md
deleted file mode 100644
index 4ba510b5..00000000
--- a/event/fastfix/fastfix.md
+++ /dev/null
@@ -1,42 +0,0 @@
-@constructor jQuery.event.fastfix
-@parent jquerypp
-
-`jQuery.event.fastfix` provides a faster `jQuery.event.fix` using ES 5 Getters first introduced in
-[this blog post](http://bitovi.com/blog/2012/04/faster-jquery-event-fix.html).
-
-## How jQuery Normalizes Events
-
-When an event is received by jQuery, it __normalizes__ the event properties before it
-dispatches the event to registered event handlers.  __Normalizing__ means, that it makes sure
-the event handler properties are the same across all browsers. For example,
-IE does not support `event.relatedTarget`, instead IE  provides `event.toElement` and `event.fromElement`.
-jQuery uses those properties to set a `relatedTarget` property.
-
-Event handlers won't be receiving the original event. Instead they are getting a new
-[jQuery.Event](http://api.jquery.com/category/events/event-object/) object with properties copied from
-the raw HTML event. jQuery does this because it can't set properties on a raw HTML event.
-
-You can get the raw event with `originalEvent` like:
-
-    $("#clickme").bind("click", function( ev ) {
-      ev.originalEvent
-    })
-
-jQuery creates and normalizes the `jQuery.Event` from the raw event in `jQuery.event.fix`.
-
-## Using ES5 getters
-
-`jQuery.event.fastfix` uses ECMAScript 5 getters for browsers that [support Object.defineProperty](http://kangax.github.com/es5-compat-table/),
-which allows `jQuery.event.fix` to avoid copying every property and normalizing it for every event.
-Instead getters can do this on-demand. That is, they can lookup the `originalEvent`'s value and normalize it if needed.
-`jQuery.event.fastfix` goes through the list of properties that `jQuery.event.fix` copies and creates getters for each one.
-
-In the getter, it checks if that property is special (needs normalizing) and uses that properties special
-function to normalize the value.
-
-## Performance
-
-A [basic JSPerf](http://jsperf.com/jquery-event-fix/6) of `jQuery.event.fastfix` shows a
-3 to 4 times performance improvement compared to the original `jQuery.event.fix`. Since event handling
-and `jQuery.event.fix` are usually a major part of the runtime of a jQuery application including `jQuery.event.fastfix`
-can bring you significant performance improvements in modern browsers.
diff --git a/event/fastfix/fastfix_test.js b/event/fastfix/fastfix_test.js
deleted file mode 100644
index 9e73404d..00000000
--- a/event/fastfix/fastfix_test.js
+++ /dev/null
@@ -1,2280 +0,0 @@
-steal("jquerypp/event/fastfix",
-	'funcunit/qunit').then(function () {
-
-		module("jquerypp/event/fastfix");
-test("null or undefined handler", function() {
-  expect(2);
-  // Supports Fixes bug #7229
-  try {
-    jQuery("#firstp").on( "click", null );
-    ok(true, "Passing a null handler will not throw an exception");
-  } catch (e) {}
-
-  try {
-    jQuery("#firstp").on( "click", undefined );
-    ok(true, "Passing an undefined handler will not throw an exception");
-  } catch (e) {}
-});
-
-test("bind(),on(),delegate() with non-null,defined data", function() {
-
-  expect(3);
-
-  var handler = function( event, data ) {
-    equal( data, 0, "non-null, defined data (zero) is correctly passed" );
-  };
-
-  jQuery("#foo").bind("foo.bind", handler);
-  jQuery("#foo").on("foo.on", handler);
-  jQuery("div").delegate("#foo", "foo.delegate", handler);
-
-  jQuery("#foo").trigger("foo", 0);
-
-  jQuery("#foo").unbind("foo.bind", handler);
-  jQuery("#foo").off("foo.on", handler);
-  jQuery("div").undelegate("#foo", "foo.delegate");
-
-});
-
-test("Handler changes and .trigger() order", function() {
-  expect(1);
-
-  var markup = jQuery(
-    "
b
"
-  ),
-  path = "";
-
-  markup
-    .find( "*" ).andSelf().on( "click", function( e ) {
-      path += this.nodeName.toLowerCase() + " ";
-    })
-    .filter( "b" ).on( "click", function( e ) {
-      // Removing span should not stop propagation to original parents
-      if ( e.target === this ) {
-        jQuery(this).parent().remove();
-      }
-    });
-
-  markup.find( "b" ).trigger( "click" );
-
-  equal( path, "b p div div ", "Delivered all events" );
-
-  markup.remove();
-});
-
-test("bind(), with data", function() {
-  expect(4);
-  var handler = function(event) {
-    ok( event.data, "bind() with data, check passed data exists" );
-    equal( event.data["foo"], "bar", "bind() with data, Check value of passed data" );
-  };
-  jQuery("#firstp").bind("click", {"foo": "bar"}, handler).trigger("click").unbind("click", handler);
-
-  ok( !jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data." );
-
-  var test = function(){};
-  var handler2 = function(event) {
-    equal( event.data, test, "bind() with function data, Check value of passed data" );
-  };
-  jQuery("#firstp").bind("click", test, handler2).trigger("click").unbind("click", handler2);
-});
-
-test("click(), with data", function() {
-  expect(3);
-  var handler = function(event) {
-    ok( event.data, "bind() with data, check passed data exists" );
-    equal( event.data["foo"], "bar", "bind() with data, Check value of passed data" );
-  };
-  jQuery("#firstp").on( "click", {"foo": "bar"}, handler).trigger("click").unbind("click", handler);
-
-  ok( !jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data." );
-});
-
-test("bind(), with data, trigger with data", function() {
-  expect(4);
-  var handler = function(event, data) {
-    ok( event.data, "check passed data exists" );
-    equal( event.data.foo, "bar", "Check value of passed data" );
-    ok( data, "Check trigger data" );
-    equal( data.bar, "foo", "Check value of trigger data" );
-  };
-  jQuery("#firstp").bind("click", {foo: "bar"}, handler).trigger("click", [{bar: "foo"}]).unbind("click", handler);
-});
-
-test("bind(), multiple events at once", function() {
-  expect(2);
-  var clickCounter = 0,
-    mouseoverCounter = 0;
-  var handler = function(event) {
-    if (event.type == "click") {
-      clickCounter += 1;
-    }
-    else if (event.type == "mouseover") {
-      mouseoverCounter += 1;
-    }
-
-  };
-  jQuery("#firstp").bind("click mouseover", handler).trigger("click").trigger("mouseover");
-  equal( clickCounter, 1, "bind() with multiple events at once" );
-  equal( mouseoverCounter, 1, "bind() with multiple events at once" );
-});
-
-test("bind(), five events at once", function() {
-  expect(1);
-
-  var count = 0,
-    handler = function(event) {
-      count++;
-    };
-
-  jQuery("#firstp").bind("click mouseover foo bar baz", handler)
-  .trigger("click").trigger("mouseover")
-    .trigger("foo").trigger("bar")
-    .trigger("baz");
-
-  equal( count, 5, "bind() five events at once" );
-});
-
-test("bind(), multiple events at once and namespaces", function() {
-  expect(7);
-
-  var cur, obj = {};
-
-  var div = jQuery("
").bind("focusin.a", function(e) {
-    equal( e.type, cur, "Verify right single event was fired." );
-  });
-
-  cur = "focusin";
-  div.trigger("focusin.a");
-
-  // manually clean up detached elements
-  div.remove();
-
-  div = jQuery("
").bind("click mouseover", obj, function(e) {
-    equal( e.type, cur, "Verify right multi event was fired." );
-    equal( e.data, obj, "Make sure the data came in correctly." );
-  });
-
-  cur = "click";
-  div.trigger("click");
-
-  cur = "mouseover";
-  div.trigger("mouseover");
-
-  // manually clean up detached elements
-  div.remove();
-
-  div = jQuery("
").bind("focusin.a focusout.b", function(e) {
-    equal( e.type, cur, "Verify right multi event was fired." );
-  });
-
-  cur = "focusin";
-  div.trigger("focusin.a");
-
-  cur = "focusout";
-  div.trigger("focusout.b");
-
-  // manually clean up detached elements
-  div.remove();
-});
-
-test("bind(), namespace with special add", function() {
-  expect(27);
-
-  var div = jQuery("
").bind("test", function(e) {
-    ok( true, "Test event fired." );
-  });
-
-  var i = 0;
-
-  jQuery.event.special["test"] = {
-    _default: function(e, data) {
-      equal( this, document, "Make sure we're at the top of the chain." );
-      equal( e.type, "test", "And that we're still dealing with a test event." );
-      equal( e.target, div[0], "And that the target is correct." );
-      ok( data !== undefined , "And that trigger data was passed." );
-    },
-    setup: function(){},
-    teardown: function(){
-      ok(true, "Teardown called.");
-    },
-    add: function( handleObj ) {
-      var handler = handleObj.handler;
-      handleObj.handler = function(e) {
-        e.xyz = ++i;
-        handler.apply( this, arguments );
-      };
-    },
-    remove: function() {
-      ok(true, "Remove called.");
-    }
-  };
-
-  div.bind("test.a", {"x": 1}, function(e) {
-    ok( !!e.xyz, "Make sure that the data is getting passed through." );
-    equal( e.data["x"], 1, "Make sure data is attached properly." );
-  });
-
-  div.bind("test.b", {"x": 2}, function(e) {
-    ok( !!e.xyz, "Make sure that the data is getting passed through." );
-    equal( e.data["x"], 2, "Make sure data is attached properly." );
-  });
-
-  // Should trigger 5
-  div.trigger("test", 33.33);
-
-  // Should trigger 2
-  div.trigger("test.a", "George Harrison");
-
-  // Should trigger 2
-  div.trigger("test.b", { year: 1982 });
-
-  // Should trigger 4
-  div.unbind("test");
-
-  div = jQuery("
").bind("test", function(e) {
-    ok( true, "Test event fired." );
-  });
-
-  // Should trigger 2
-  div.appendTo("#qunit-fixture").remove();
-
-  delete jQuery.event.special["test"];
-});
-
-test("bind(), no data", function() {
-  expect(1);
-  var handler = function(event) {
-    ok ( !event.data, "Check that no data is added to the event object" );
-  };
-  jQuery("#firstp").bind("click", handler).trigger("click");
-});
-
-test("bind/one/unbind(Object)", function(){
-  expect(6);
-
-  var clickCounter = 0, mouseoverCounter = 0;
-  function handler(event) {
-    if (event.type == "click") {
-
-      clickCounter++;
-    }
-    else if (event.type == "mouseover") {
-      mouseoverCounter++;
-    }
-
-  }
-
-  function handlerWithData(event) {
-    if (event.type == "click") {
-      clickCounter += event.data;
-    }
-    else if (event.type == "mouseover") {
-      mouseoverCounter += event.data;
-    }
-  }
-
-  function trigger(){
-    $elem.trigger("click").trigger("mouseover");
-  }
-
-  var $elem = jQuery("#firstp")
-    // Regular bind
-    .bind({
-      "click":handler,
-      "mouseover":handler
-    })
-    // Bind with data
-    .one({
-      "click":handlerWithData,
-      "mouseover":handlerWithData
-    }, 2 );
-
-  trigger();
-
-  equal( clickCounter, 3, "bind(Object)" );
-  equal( mouseoverCounter, 3, "bind(Object)" );
-
-  trigger();
-  equal( clickCounter, 4, "bind(Object)" );
-  equal( mouseoverCounter, 4, "bind(Object)" );
-
-  jQuery("#firstp").unbind({
-    "click":handler,
-    "mouseover":handler
-  });
-
-  trigger();
-  equal( clickCounter, 4, "bind(Object)" );
-  equal( mouseoverCounter, 4, "bind(Object)" );
-});
-
-test("on/off(Object), delegate/undelegate(String, Object)", function() {
-  expect(6);
-
-  var clickCounter = 0, mouseoverCounter = 0,
-    $p = jQuery("#firstp"), $a = $p.find("a:first");
-
-  var events = {
-    "click": function( event ) {
-      clickCounter += ( event.data || 1 );
-    },
-    "mouseover": function( event ) {
-      mouseoverCounter += ( event.data || 1 );
-    }
-  };
-
-  function trigger() {
-    $a.trigger("click").trigger("mouseover");
-  }
-
-  jQuery( document ).on( events, "#firstp a:first" );
-  $p.delegate( "a", events, 2 );
-
-  trigger();
-  equal( clickCounter, 3, "on/delegate" );
-  equal( mouseoverCounter, 3, "on/delegate" );
-
-  $p.undelegate( "a", events );
-
-  trigger();
-  equal( clickCounter, 4, "undelegate" );
-  equal( mouseoverCounter, 4, "undelegate" );
-
-  jQuery( document ).off( events, "#firstp a:first" );
-
-  trigger();
-  equal( clickCounter, 4, "off" );
-  equal( mouseoverCounter, 4, "off" );
-});
-
-test("on/delegate immediate propagation", function() {
-  expect(2);
-
-  var $p = jQuery("#firstp"), $a = $p.find("a:first"), lastClick;
-
-  lastClick = "";
-  jQuery( document ).on( "click", "#firstp a:first", function(e) {
-    lastClick = "click1";
-    e.stopImmediatePropagation();
-  });
-  jQuery( document ).on( "click", "#firstp a:first", function(e) {
-    lastClick = "click2";
-  });
-  $a.trigger( "click" );
-  equal( lastClick, "click1", "on stopImmediatePropagation" );
-  jQuery( document ).off( "click", "#firstp a:first" );
-
-  lastClick = "";
-  $p.delegate( "a", "click", function(e) {
-    lastClick = "click1";
-    e.stopImmediatePropagation();
-  });
-  $p.delegate( "a", "click", function(e) {
-    lastClick = "click2";
-  });
-  $a.trigger( "click" );
-  equal( lastClick, "click1", "delegate stopImmediatePropagation" );
-  $p.undelegate( "click" );
-});
-
-test("bind/delegate bubbling, isDefaultPrevented", function() {
-  expect(2);
-  var $anchor2 = jQuery( "#anchor2" ),
-    $main = jQuery( "#qunit-fixture" ),
-    fakeClick = function($jq) {
-      // Use a native click so we don't get jQuery simulated bubbling
-      if ( document.createEvent ) {
-        var e = document.createEvent( "MouseEvents" );
-        e.initEvent( "click", true, true );
-        $jq[0].dispatchEvent(e);
-      }
-      else if ( $jq[0].click ) {
-        $jq[0].click(); // IE
-      }
-    };
-  $anchor2.on( "click", function(e) {
-    e.preventDefault();
-  });
-  $main.delegate("#foo", "click", function(e) {
-    var orig = e.originalEvent;
-
-    if ( typeof(orig.defaultPrevented) === "boolean" || typeof(orig.returnValue) === "boolean" || orig["getPreventDefault"] ) {
-      equal( e.isDefaultPrevented(), true, "isDefaultPrevented true passed to bubbled event" );
-
-    } else {
-      // Opera < 11 doesn't implement any interface we can use, so give it a pass
-      ok( true, "isDefaultPrevented not supported by this browser, test skipped" );
-    }
-  });
-  fakeClick( $anchor2 );
-  $anchor2.unbind( "click" );
-  $main.undelegate( "click" );
-  $anchor2.on( "click", function(e) {
-    // Let the default action occur
-  });
-  $main.delegate("#foo", "click", function(e) {
-    equal( e.isDefaultPrevented(), false, "isDefaultPrevented false passed to bubbled event" );
-  });
-  fakeClick( $anchor2 );
-  $anchor2.unbind( "click" );
-  $main.undelegate( "click" );
-});
-
-test("bind(), trigger change on select", function() {
-  expect(5);
-  var counter = 0;
-  function selectOnChange(event) {
-    equal( event.data, counter++, "Event.data is not a global event object" );
-  }
-  jQuery("#form select").each(function(i){
-    jQuery(this).bind("change", i, selectOnChange);
-  }).trigger("change");
-});
-
-test("bind(), namespaced events, cloned events", 18, function() {
-  var firstp = jQuery( "#firstp" );
-
-  firstp.bind("custom.test",function(e){
-    ok(false, "Custom event triggered");
-  });
-
-  firstp.bind("click",function(e){
-    ok(true, "Normal click triggered");
-    equal( e.type + e.namespace, "click", "Check that only click events trigger this fn" );
-  });
-
-  firstp.bind("click.test",function(e){
-    var check = "click";
-    ok( true, "Namespaced click triggered" );
-    if ( e.namespace ) {
-      check += "test";
-    }
-    equal( e.type + e.namespace, check, "Check that only click/click.test events trigger this fn" );
-  });
-
-  //clone(true) element to verify events are cloned correctly
-  firstp = firstp.add( firstp.clone( true ).attr( "id", "firstp2" ).insertBefore( firstp ) );
-
-  // Trigger both bound fn (8)
-  firstp.trigger("click");
-
-  // Trigger one bound fn (4)
-  firstp.trigger("click.test");
-
-  // Remove only the one fn
-  firstp.unbind("click.test");
-
-  // Trigger the remaining fn (4)
-  firstp.trigger("click");
-
-  // Remove the remaining namespaced fn
-  firstp.unbind(".test");
-
-  // Try triggering the custom event (0)
-  firstp.trigger("custom");
-
-  // using contents will get comments regular, text, and comment nodes
-  jQuery("#nonnodes").contents().bind("tester", function () {
-    equal(this.nodeType, 1, "Check node,textnode,comment bind just does real nodes" );
-  }).trigger("tester");
-
-  // Make sure events stick with appendTo'd elements (which are cloned) #2027
-  jQuery("test").on( "click", function(){ return false; }).appendTo("#qunit-fixture");
-  ok( jQuery("a.test:first").triggerHandler("click") === false, "Handler is bound to appendTo'd elements" );
-});
-
-test("bind(), multi-namespaced events", function() {
-  expect(6);
-
-  var order = [
-    "click.test.abc",
-    "click.test.abc",
-    "click.test",
-    "click.test.abc",
-    "click.test",
-    "custom.test2"
-  ];
-
-  function check(name, msg){
-    deepEqual(name, order.shift(), msg);
-  }
-
-  jQuery("#firstp").bind("custom.test",function(e){
-    check("custom.test", "Custom event triggered");
-  });
-
-  jQuery("#firstp").bind("custom.test2",function(e){
-    check("custom.test2", "Custom event triggered");
-  });
-
-  jQuery("#firstp").bind("click.test",function(e){
-    check("click.test", "Normal click triggered");
-  });
-
-  jQuery("#firstp").bind("click.test.abc",function(e){
-    check("click.test.abc", "Namespaced click triggered");
-  });
-
-  // Those would not trigger/unbind (#5303)
-  jQuery("#firstp").trigger("click.a.test");
-  jQuery("#firstp").unbind("click.a.test");
-
-  // Trigger both bound fn (1)
-  jQuery("#firstp").trigger("click.test.abc");
-
-  // Trigger one bound fn (1)
-  jQuery("#firstp").trigger("click.abc");
-
-  // Trigger two bound fn (2)
-  jQuery("#firstp").trigger("click.test");
-
-  // Remove only the one fn
-  jQuery("#firstp").unbind("click.abc");
-
-  // Trigger the remaining fn (1)
-  jQuery("#firstp").trigger("click");
-
-  // Remove the remaining fn
-  jQuery("#firstp").unbind(".test");
-
-  // Trigger the remaining fn (1)
-  jQuery("#firstp").trigger("custom");
-});
-
-test("bind(), with same function", function() {
-  expect(2);
-
-  var count = 0, func = function(){
-    count++;
-  };
-
-  jQuery("#liveHandlerOrder").bind("foo.bar", func).bind("foo.zar", func);
-  jQuery("#liveHandlerOrder").trigger("foo.bar");
-
-  equal(count, 1, "Verify binding function with multiple namespaces." );
-
-  jQuery("#liveHandlerOrder").unbind("foo.bar", func).unbind("foo.zar", func);
-  jQuery("#liveHandlerOrder").trigger("foo.bar");
-
-  equal(count, 1, "Verify that removing events still work." );
-});
-
-test("bind(), make sure order is maintained", function() {
-  expect(1);
-
-  var elem = jQuery("#firstp"), log = [], check = [];
-
-  jQuery.each( new Array(100), function( i ) {
-    elem.bind( "click", function(){
-      log.push( i );
-    });
-
-    check.push( i );
-
-  });
-
-  elem.trigger("click");
-
-  equal( log.join(","), check.join(","), "Make sure order was maintained." );
-
-  elem.unbind("click");
-});
-
-test("bind(), with different this object", function() {
-  expect(4);
-  var thisObject = { myThis: true },
-    data = { myData: true },
-    handler1 = function( event ) {
-      equal( this, thisObject, "bind() with different this object" );
-    },
-    handler2 = function( event ) {
-      equal( this, thisObject, "bind() with different this object and data" );
-      equal( event.data, data, "bind() with different this object and data" );
-    };
-
-  jQuery("#firstp")
-    .bind("click", jQuery.proxy(handler1, thisObject)).trigger("click").unbind("click", handler1)
-    .bind("click", data, jQuery.proxy(handler2, thisObject)).trigger("click").unbind("click", handler2);
-
-  ok( !jQuery._data(jQuery("#firstp")[0], "events"), "Event handler unbound when using different this object and data." );
-});
-
-test("bind(name, false), unbind(name, false)", function() {
-  expect(3);
-
-  var main = 0;
-  jQuery("#qunit-fixture").bind("click", function(e){ main++; });
-  jQuery("#ap").trigger("click");
-  equal( main, 1, "Verify that the trigger happened correctly." );
-
-  main = 0;
-  jQuery("#ap").bind("click", false);
-  jQuery("#ap").trigger("click");
-  equal( main, 0, "Verify that no bubble happened." );
-
-  main = 0;
-  jQuery("#ap").unbind("click", false);
-  jQuery("#ap").trigger("click");
-  equal( main, 1, "Verify that the trigger happened correctly." );
-
-  // manually clean up events from elements outside the fixture
-  jQuery("#qunit-fixture").unbind("click");
-});
-
-test("delegate(selector, name, false), undelegate(selector, name, false)", function() {
-  expect(3);
-
-  var main = 0;
-
-  jQuery("#qunit-fixture").delegate("#ap", "click", function(e){ main++; });
-  jQuery("#ap").trigger("click");
-  equal( main, 1, "Verify that the trigger happened correctly." );
-
-  main = 0;
-  jQuery("#ap").delegate("#groups", "click", false);
-  jQuery("#groups").trigger("click");
-  equal( main, 0, "Verify that no bubble happened." );
-
-  main = 0;
-  jQuery("#ap").undelegate("#groups", "click", false);
-  jQuery("#groups").trigger("click");
-  equal( main, 1, "Verify that the trigger happened correctly." );
-  jQuery("#qunit-fixture").undelegate("#ap", "click");
-});
-
-test("bind()/trigger()/unbind() on plain object", function() {
-  expect( 7 );
-
-  var obj = {};
-
-  // Make sure it doesn't complain when no events are found
-  jQuery(obj).trigger("test");
-
-  // Make sure it doesn't complain when no events are found
-  jQuery(obj).unbind("test");
-
-  jQuery(obj).bind({
-    "test": function() {
-      ok( true, "Custom event run." );
-    },
-    "submit": function() {
-      ok( true, "Custom submit event run." );
-    }
-  });
-
-  var events = jQuery._data(obj, "events");
-  ok( events, "Object has events bound." );
-  equal( obj["events"], undefined, "Events object on plain objects is not events" );
-  equal( obj["test"], undefined, "Make sure that test event is not on the plain object." );
-  equal( obj["handle"], undefined, "Make sure that the event handler is not on the plain object." );
-
-  // Should trigger 1
-  jQuery(obj).trigger("test");
-  jQuery(obj).trigger("submit");
-
-  jQuery(obj).unbind("test");
-  jQuery(obj).unbind("submit");
-
-  // Should trigger 0
-  jQuery(obj).trigger("test");
-
-  // Make sure it doesn't complain when no events are found
-  jQuery(obj).unbind("test");
-
-  equal( obj && obj[ jQuery.expando ] &&
-      obj[ jQuery.expando ][ jQuery.expando ] &&
-      obj[ jQuery.expando ][ jQuery.expando ]["events"], undefined, "Make sure events object is removed" );
-});
-
-test("unbind(type)", function() {
-  expect( 1 );
-
-  var $elem = jQuery("#firstp"),
-    message;
-
-  function error(){
-    ok( false, message );
-  }
-
-  message = "unbind passing function";
-  $elem.bind("error1", error).unbind("error1", error).triggerHandler("error1");
-
-  message = "unbind all from event";
-  $elem.bind("error1", error).unbind("error1").triggerHandler("error1");
-
-  message = "unbind all";
-  $elem.bind("error1", error).unbind().triggerHandler("error1");
-
-  message = "unbind many with function";
-  $elem.bind("error1 error2",error)
-    .unbind("error1 error2", error )
-    .trigger("error1").triggerHandler("error2");
-
-  message = "unbind many"; // #3538
-  $elem.bind("error1 error2", error)
-    .unbind("error1 error2")
-    .trigger("error1").triggerHandler("error2");
-
-  message = "unbind without a type or handler";
-  $elem.bind("error1 error2.test",error)
-    .unbind()
-    .trigger("error1").triggerHandler("error2");
-
-  // Should only unbind the specified function
-  jQuery( document ).bind( "click", function(){
-    ok( true, "called handler after selective removal");
-  });
-  var func = function(){ };
-  jQuery( document )
-    .bind( "click", func )
-    .unbind( "click", func )
-    .trigger("click")
-    .unbind( "click" );
-});
-
-test("unbind(eventObject)", function() {
-  expect(4);
-
-  var $elem = jQuery("#firstp"),
-    num;
-
-  function assert( expected ){
-    num = 0;
-    $elem.trigger("foo").triggerHandler("bar");
-    equal( num, expected, "Check the right handlers are triggered" );
-  }
-
-  $elem
-    // This handler shouldn't be unbound
-    .bind("foo", function(){
-      num += 1;
-    })
-    .bind("foo", function(e){
-      $elem.unbind( e );
-      num += 2;
-    })
-    // Neither this one
-    .bind("bar", function(){
-      num += 4;
-    });
-
-  assert( 7 );
-  assert( 5 );
-
-  $elem.unbind("bar");
-  assert( 1 );
-
-  $elem.unbind();
-  assert( 0 );
-});
-
-if ( jQuery.fn.hover ) {
-  test("hover() mouseenter mouseleave", function() {
-    expect(1);
-
-    var times = 0,
-      handler1 = function( event ) { ++times; },
-      handler2 = function( event ) { ++times; };
-
-    jQuery("#firstp")
-      .hover(handler1, handler2)
-      .mouseenter().mouseleave()
-      .unbind("mouseenter", handler1)
-      .unbind("mouseleave", handler2)
-      .hover(handler1)
-      .mouseenter().mouseleave()
-      .unbind("mouseenter mouseleave", handler1)
-      .mouseenter().mouseleave();
-
-    equal( times, 4, "hover handlers fired" );
-
-  });
-}
-
-test("mouseover triggers mouseenter", function() {
-  expect(1);
-
-  var count = 0,
-    elem = jQuery("");
-  elem.on( "mouseenter", function () {
-    count++;
-  });
-  elem.trigger("mouseover");
-  equal(count, 1, "make sure mouseover triggers a mouseenter" );
-
-  elem.remove();
-});
-
-test("withinElement implemented with jQuery.contains()", function() {
-
-  expect(1);
-
-  jQuery("#qunit-fixture").append("
");
-
-  jQuery("#jc-outer").bind("mouseenter mouseleave", function( event ) {
-
-    equal( this.id, "jc-outer", this.id + " " + event.type );
-
-  }).trigger("mouseenter");
-
-  jQuery("#jc-inner").trigger("mousenter");
-
-  jQuery("#jc-outer").unbind("mouseenter mouseleave").remove();
-  jQuery("#jc-inner").remove();
-
-});
-
-test("mouseenter, mouseleave don't catch exceptions", function() {
-  expect(2);
-
-  var elem = jQuery("#firstp").on( "mouseenter mouseleave", function() {
-      throw "an Exception";
-    });
-
-  try {
-    elem.trigger("mouseenter");
-  } catch (e) {
-    equal( e, "an Exception", "mouseenter doesn't catch exceptions" );
-  }
-
-  try {
-    elem.trigger("mouseleave");
-  } catch (e) {
-    equal( e, "an Exception", "mouseleave doesn't catch exceptions" );
-  }
-});
-
-if ( jQuery.fn.click ) {
-
-  test("trigger() shortcuts", function() {
-    expect(6);
-
-    var elem = jQuery("
Change location
").prependTo("#firstUL");
-    elem.find("a").bind("click", function() {
-      var close = jQuery("spanx", this); // same with jQuery(this).find("span");
-      equal( close.length, 0, "Context element does not exist, length must be zero" );
-      ok( !close[0], "Context element does not exist, direct access to element must return undefined" );
-      return false;
-    }).click();
-
-    // manually clean up detached elements
-    elem.remove();
-
-    jQuery("#check1").click(function() {
-      ok( true, "click event handler for checkbox gets fired twice, see #815" );
-    }).click();
-
-    var counter = 0;
-    jQuery("#firstp")[0].onclick = function(event) {
-      counter++;
-    };
-    jQuery("#firstp").click();
-    equal( counter, 1, "Check that click, triggers onclick event handler also" );
-
-    var clickCounter = 0;
-    jQuery("#simon1")[0].onclick = function(event) {
-      clickCounter++;
-    };
-    jQuery("#simon1").click();
-    equal( clickCounter, 1, "Check that click, triggers onclick event handler on an a tag also" );
-
-    elem = jQuery("").load(function(){
-      ok( true, "Trigger the load event, using the shortcut .load() (#2819)");
-    }).load();
-
-    // manually clean up detached elements
-    elem.remove();
-
-    // test that special handlers do not blow up with VML elements (#7071)
-    jQuery("").appendTo("head");
-    jQuery(" ").appendTo("#form");
-    jQuery("#oval").click().keydown();
-  });
-
-}
-
-test("trigger() bubbling", function() {
-  expect(18);
-
-  var win = 0, doc = 0, html = 0, body = 0, main = 0, ap = 0;
-
-  jQuery(window).bind("click", function(e){ win++; });
-  jQuery(document).bind("click", function(e){ if ( e.target !== document) { doc++; } });
-  jQuery("html").bind("click", function(e){ html++; });
-  jQuery("body").bind("click", function(e){ body++; });
-  jQuery("#qunit-fixture").bind("click", function(e){ main++; });
-  jQuery("#ap").bind("click", function(){ ap++; return false; });
-
-  jQuery("html").trigger("click");
-  equal( win, 1, "HTML bubble" );
-  equal( doc, 1, "HTML bubble" );
-  equal( html, 1, "HTML bubble" );
-
-  jQuery("body").trigger("click");
-  equal( win, 2, "Body bubble" );
-  equal( doc, 2, "Body bubble" );
-  equal( html, 2, "Body bubble" );
-  equal( body, 1, "Body bubble" );
-
-  jQuery("#qunit-fixture").trigger("click");
-  equal( win, 3, "Main bubble" );
-  equal( doc, 3, "Main bubble" );
-  equal( html, 3, "Main bubble" );
-  equal( body, 2, "Main bubble" );
-  equal( main, 1, "Main bubble" );
-
-  jQuery("#ap").trigger("click");
-  equal( doc, 3, "ap bubble" );
-  equal( html, 3, "ap bubble" );
-  equal( body, 2, "ap bubble" );
-  equal( main, 1, "ap bubble" );
-  equal( ap, 1, "ap bubble" );
-
-  jQuery( document ).trigger("click");
-  equal( win, 4, "doc bubble" );
-
-  // manually clean up events from elements outside the fixture
-  jQuery(document).unbind("click");
-  jQuery("html, body, #qunit-fixture").unbind("click");
-});
-
-test("trigger(type, [data], [fn])", function() {
-  expect(16);
-
-  var handler = function(event, a, b, c) {
-    equal( event.type, "click", "check passed data" );
-    equal( a, 1, "check passed data" );
-    equal( b, "2", "check passed data" );
-    equal( c, "abc", "check passed data" );
-    return "test";
-  };
-
-  var $elem = jQuery("#firstp");
-
-  // Simulate a "native" click
-  $elem[0].click = function(){
-    ok( true, "Native call was triggered" );
-  };
-
-
-  jQuery( document ).on("mouseenter", "#firstp", function(){
-    ok( true, "Trigger mouseenter bound by on" );
-  });
-
-  jQuery( document ).on("mouseleave", "#firstp", function(){
-    ok( true, "Trigger mouseleave bound by on" );
-  });
-
-  $elem.trigger("mouseenter");
-
-  $elem.trigger("mouseleave");
-
-  jQuery( document ).off( "mouseenter mouseleave", "#firstp");
-
-  // Triggers handlrs and native
-  // Trigger 5
-  $elem.bind("click", handler).trigger("click", [1, "2", "abc"]);
-
-  // Simulate a "native" click
-  $elem[0].click = function(){
-    ok( false, "Native call was triggered" );
-  };
-
-  // Trigger only the handlers (no native)
-  // Triggers 5
-  equal( $elem.triggerHandler("click", [1, "2", "abc"]), "test", "Verify handler response" );
-
-  var pass = true, elem2;
-  try {
-    elem2 = jQuery("#form input:first");
-    elem2.get(0).style.display = "none";
-    elem2.trigger("focus");
-  } catch(e) {
-    pass = false;
-  }
-  ok( pass, "Trigger focus on hidden element" );
-
-  pass = true;
-  try {
-    jQuery("#qunit-fixture table:first").bind("test:test", function(){}).trigger("test:test");
-  } catch (e) {
-    pass = false;
-  }
-  ok( pass, "Trigger on a table with a colon in the even type, see #3533" );
-
-  var form = jQuery("
").appendTo("body");
-
-  // Make sure it can be prevented locally
-  form.on( "submit", function(){
-    ok( true, "Local bind still works." );
-    return false;
-  });
-
-  // Trigger 1
-  form.trigger("submit");
-
-  form.unbind("submit");
-
-  jQuery(document).on( "submit", function(){
-    ok( true, "Make sure bubble works up to document." );
-    return false;
-  });
-
-  // Trigger 1
-  form.trigger("submit");
-
-  jQuery(document).unbind("submit");
-
-  form.remove();
-});
-
-test( "submit event bubbles on copied forms (#11649)", function() {
-  expect( 3 );
-
-  var $formByClone, $formByHTML,
-    $testForm = jQuery("#testForm"),
-    $fixture = jQuery("#qunit-fixture"),
-    $wrapperDiv = jQuery("
").appendTo( $fixture );
-
-  function noSubmit( e ) {
-    e.preventDefault();
-  }
-  function delegatedSubmit() {
-    ok( true, "Make sure submit event bubbles up." );
-    return false;
-  }
-
-  // Attach a delegated submit handler to the parent element
-  $fixture.on( "submit", "form", delegatedSubmit );
-
-  // Trigger form submission to introduce the _submit_attached property
-  $testForm.on( "submit", noSubmit ).find("input[name=sub1]").trigger("click");
-
-  // Copy the form via .clone() and .html()
-  $formByClone = $testForm.clone( true, true ).removeAttr("id");
-  $formByHTML = jQuery( jQuery.parseHTML($fixture.html()) ).filter("#testForm").removeAttr("id");
-  $wrapperDiv.append( $formByClone, $formByHTML );
-
-  // Check submit bubbling on the copied forms
-  $wrapperDiv.find("form").on( "submit", noSubmit ).find("input[name=sub1]").trigger("click");
-
-  // Clean up
-  $wrapperDiv.remove();
-  $fixture.off( "submit", "form", delegatedSubmit );
-  $testForm.off( "submit", noSubmit );
-});
-
-test( "change event bubbles on copied forms (#11796)", function(){
-  expect( 3 );
-
-  var $formByClone, $formByHTML,
-    $form = jQuery("#form"),
-    $fixture = jQuery("#qunit-fixture"),
-    $wrapperDiv = jQuery("
").appendTo( $fixture );
-
-  function delegatedChange() {
-    ok( true, "Make sure change event bubbles up." );
-    return false;
-  }
-
-  // Attach a delegated change handler to the form
-  $fixture.on( "change", "form", delegatedChange );
-
-  // Trigger change event to introduce the _change_attached property
-  $form.find("select[name=select1]").val("1").trigger("change");
-
-  // Copy the form via .clone() and .html()
-  $formByClone = $form.clone( true, true ).removeAttr("id");
-  $formByHTML = jQuery( jQuery.parseHTML($fixture.html()) ).filter("#form").removeAttr("id");
-  $wrapperDiv.append( $formByClone, $formByHTML );
-
-  // Check change bubbling on the copied forms
-  $wrapperDiv.find("form select[name=select1]").val("2").trigger("change");
-
-  // Clean up
-  $wrapperDiv.remove();
-  $fixture.off( "change", "form", delegatedChange );
-});
-
-test("trigger(eventObject, [data], [fn])", function() {
-  expect(28);
-
-  var $parent = jQuery("
").appendTo("body"),
-    $child = jQuery("
foo
").appendTo( $parent );
-
-  $parent.get( 0 ).style.display = "none";
-
-  var event = jQuery.Event("noNew");
-  ok( event != window, "Instantiate jQuery.Event without the 'new' keyword" );
-  equal( event.type, "noNew", "Verify its type" );
-
-  equal( event.isDefaultPrevented(), false, "Verify isDefaultPrevented" );
-  equal( event.isPropagationStopped(), false, "Verify isPropagationStopped" );
-  equal( event.isImmediatePropagationStopped(), false, "Verify isImmediatePropagationStopped" );
-
-  event.preventDefault();
-  equal( event.isDefaultPrevented(), true, "Verify isDefaultPrevented" );
-  event.stopPropagation();
-  equal( event.isPropagationStopped(), true, "Verify isPropagationStopped" );
-
-  event.isPropagationStopped = function(){ return false; };
-  event.stopImmediatePropagation();
-  equal( event.isPropagationStopped(), true, "Verify isPropagationStopped" );
-  equal( event.isImmediatePropagationStopped(), true, "Verify isPropagationStopped" );
-
-  $parent.bind("foo",function(e){
-    // Tries bubbling
-    equal( e.type, "foo", "Verify event type when passed passing an event object" );
-    equal( e.target.id, "child", "Verify event.target when passed passing an event object" );
-    equal( e.currentTarget.id, "par", "Verify event.currentTarget when passed passing an event object" );
-    equal( e.secret, "boo!", "Verify event object's custom attribute when passed passing an event object" );
-  });
-
-  // test with an event object
-  event = new jQuery.Event("foo");
-  event.secret = "boo!";
-  $child.trigger(event);
-
-  // test with a literal object
-  $child.trigger({"type": "foo", "secret": "boo!"});
-
-  $parent.unbind();
-
-  function error(){
-    ok( false, "This assertion shouldn't be reached");
-  }
-
-  $parent.bind("foo", error );
-
-  $child.bind("foo",function(e, a, b, c ){
-    equal( arguments.length, 4, "Check arguments length");
-    equal( a, 1, "Check first custom argument");
-    equal( b, 2, "Check second custom argument");
-    equal( c, 3, "Check third custom argument");
-
-    equal( e.isDefaultPrevented(), false, "Verify isDefaultPrevented" );
-    equal( e.isPropagationStopped(), false, "Verify isPropagationStopped" );
-    equal( e.isImmediatePropagationStopped(), false, "Verify isImmediatePropagationStopped" );
-
-    // Skips both errors
-    e.stopImmediatePropagation();
-
-    return "result";
-  });
-
-  // We should add this back in when we want to test the order
-  // in which event handlers are iterated.
-  //$child.bind("foo", error );
-
-  event = new jQuery.Event("foo");
-  $child.trigger( event, [1,2,3] ).unbind();
-  equal( event.result, "result", "Check event.result attribute");
-
-  // Will error if it bubbles
-  $child.triggerHandler("foo");
-
-  $child.unbind();
-  $parent.unbind().remove();
-
-  // Ensure triggerHandler doesn't molest its event object (#xxx)
-  event = jQuery.Event( "zowie" );
-  jQuery( document ).triggerHandler( event );
-  equal( event.type, "zowie", "Verify its type" );
-  equal( event.isPropagationStopped(), false, "propagation not stopped" );
-  equal( event.isDefaultPrevented(), false, "default not prevented" );
-});
-
-// Explicitly introduce global variable for oldIE so QUnit doesn't complain if checking globals
-window.onclick = undefined;
-test(".trigger() bubbling on disconnected elements (#10489)", function() {
-  expect(2);
-
-  jQuery( window ).on( "click", function(){
-    ok( false, "click fired on window" );
-  });
-
-  jQuery( "
hi
" )
-    .on( "click", function() {
-      ok( true, "click fired on div" );
-    })
-    .find( "p" )
-      .on( "click", function() {
-        ok( true, "click fired on p" );
-      })
-      .trigger("click")
-      .off( "click" )
-    .end()
-    .off( "click" )
-    .remove();
-
-  jQuery( window ).off( "click" );
-});
-
-test(".trigger() doesn't bubble load event (#10717)", function() {
-  expect(1);
-
-  jQuery( window ).on( "load", function(){
-    ok( false, "load fired on window" );
-  });
-
-  // It's not an image, but as long as it fires load...
-  jQuery("")
-    .appendTo( "body" )
-    .on( "load", function() {
-      ok( true, "load fired on img" );
-    })
-    .trigger( "load" )
-    .remove();
-
-  jQuery( window ).off( "load" );
-});
-
-test("Delegated events in SVG (#10791; #13180)", function() {
-  expect(2);
-
-  var useElem, e,
-    svg = jQuery(
-      ""
-    );
-
-  jQuery("#qunit-fixture")
-    .append( svg )
-    .on( "click", "#svg-by-id", function() {
-      ok( true, "delegated id selector" );
-    })
-    .on( "click", "[class~='svg-by-class']", function() {
-      ok( true, "delegated class selector" );
-    })
-    .find( "#svg-by-id, [class~='svg-by-class']" )
-      .trigger("click")
-    .end();
-
-  // Fire a native click on an SVGElementInstance (the instance tree of an SVG )
-  // to confirm that it doesn't break our event delegation handling (#13180)
-  useElem = svg.find("#use")[0];
-  if ( document.createEvent && useElem && useElem.instanceRoot ) {
-    e = document.createEvent("MouseEvents");
-    e.initEvent( "click", true, true );
-    useElem.instanceRoot.dispatchEvent( e );
-  }
-
-  jQuery("#qunit-fixture").off("click");
-});
-
-test("Delegated events in forms (#10844; #11145; #8165; #11382, #11764)", function() {
-  expect(5);
-
-  // Alias names like "id" cause havoc
-  var form = jQuery(
-      "
" +
-        "" +
-      "
"
-    )
-    .on( "submit", function( event ) {
-      event.preventDefault();
-    })
-    .appendTo("body");
-
-  jQuery("body")
-    .on( "submit", "#myform", function() {
-      ok( true, "delegated id selector with aliased id" );
-    })
-    .find("#myform")
-      .trigger("submit")
-    .end()
-    .off("submit");
-
-  form.append("");
-  jQuery("body")
-    .on( "submit", "#myform", function() {
-      ok( true, "delegated id selector with aliased disabled" );
-    })
-    .find("#myform")
-      .trigger("submit")
-    .end()
-    .off("submit");
-
-  form
-    .append( "Zing" )
-    .on( "click", "#nestyDisabledBtn", function() {
-      ok( true, "click on enabled/disabled button with nesty elements" );
-    })
-    .on( "mouseover", "#nestyDisabledBtn", function() {
-      ok( true, "mouse on enabled/disabled button with nesty elements" );
-    })
-    .find( "span" )
-      .trigger( "click" )   // yep
-      .trigger( "mouseover" ) // yep
-    .end()
-    .find( "#nestyDisabledBtn" ).prop( "disabled", true ).end()
-    .find( "span" )
-      .trigger( "click" )   // nope
-      .trigger( "mouseover" ) // yep
-    .end()
-    .off( "click" );
-
-  form.remove();
-});
-
-test("Submit event can be stopped (#11049)", function() {
-  expect(1);
-
-  // Since we manually bubble in IE, make sure inner handlers get a chance to cancel
-  var form = jQuery(
-      "
" +
-        "" +
-        "" +
-      "
"
-    )
-    .appendTo("body");
-
-  jQuery( "body" )
-    .on( "submit", function() {
-      ok( true, "submit bubbled on first handler" );
-      return false;
-    })
-    .find( "#myform input[type=submit]" )
-      .each( function(){ this.click(); } )
-    .end()
-    .on( "submit", function() {
-      ok( false, "submit bubbled on second handler" );
-      return false;
-    })
-    .find( "#myform input[type=submit]" )
-      .each( function(){
-        jQuery( this.form ).on( "submit", function( e ) {
-          e.preventDefault();
-          e.stopPropagation();
-        });
-        this.click();
-      })
-    .end()
-    .off( "submit" );
-
-  form.remove();
-});
-
-test("jQuery.Event( type, props )", function() {
-
-  expect(5);
-
-  var event = jQuery.Event( "keydown", { keyCode: 64 }),
-      handler = function( event ) {
-        ok( "keyCode" in event, "Special property 'keyCode' exists" );
-        equal( event.keyCode, 64, "event.keyCode has explicit value '64'" );
-      };
-
-  // Supports jQuery.Event implementation
-  equal( event.type, "keydown", "Verify type" );
-
-  // ensure "type" in props won't clobber the one set by constructor
-  equal( jQuery.inArray("type", jQuery.event.props), -1, "'type' property not in props (#10375)" );
-
-  ok( "keyCode" in event, "Special 'keyCode' property exists" );
-
-  jQuery("body").bind( "keydown", handler ).trigger( event );
-
-  jQuery("body").unbind( "keydown" );
-
-});
-
-test("jQuery.Event.currentTarget", function(){
-  expect(2);
-
-  jQuery("
shiny
")
-    .on( "click", "p", function( e ){
-        equal( e.currentTarget, this, "Check delegated currentTarget on event" );
-    })
-    .find( "button" )
-      .on( "click", function( e ){
-        equal( e.currentTarget, this, "Check currentTarget on event" );
-      })
-      .trigger("click")
-      .off( "click" )
-    .end()
-    .off( "click" );
-});
-
-test("jQuery.off using dispatched jQuery.Event", function() {
-  expect(1);
-
-  var markup = jQuery("
target
"),
-    count = 0;
-  markup
-    .on( "click.name", "a", function( event ) {
-      equal( ++count, 1, "event called once before removal" );
-      jQuery().off( event );
-    })
-    .find("a").trigger("click").trigger("click").end()
-    .remove();
-});
-
-test( "delegated event with delegateTarget-relative selector", function() {
-  expect(3);
-  var markup = jQuery("
").appendTo("#qunit-fixture");
-
-  // Positional selector (#11315)
-  markup
-    .on( "click", ">li>a", function() {
-      ok( this.id === "a0", "child li was clicked" );
-    })
-    .find("#ul0")
-      .on( "click", "li:first>a", function() {
-        ok( this.id === "a0_0" , "first li under #u10 was clicked" );
-      })
-    .end()
-    .find("a").trigger("click").end()
-    .find("#ul0").off();
-
-  // Non-positional selector (#12383)
-  markup = markup.wrap("
").parent();
-  markup
-    .find("#ul0")
-    .on( "click", "div li a", function() {
-      ok( false, "div is ABOVE the delegation point!" );
-    })
-    .on( "click", "ul a", function() {
-      ok( false, "ul is the delegation point!" );
-    })
-    .on( "click", "li.test a", function() {
-      ok( true, "li.test is below the delegation point." );
-    })
-    .find("#a0_0").trigger("click");
-
-  markup.remove();
-});
-
-test( "delegated event with selector matching Object.prototype property (#13203)", function() {
-  expect(1);
-
-  var matched = 0;
-
-  jQuery("#foo").on( "click", "toString", function( e ) {
-    matched++;
-  });
-
-  jQuery("#anchor2").trigger("click");
-
-  equal( matched, 0, "Nothing matched 'toString'" );
-});
-
-test( "delegated event with intermediate DOM manipulation (#13208)", function() {
-  expect(1);
-
-  jQuery("#foo").on( "click", "#sap", function() {});
-  jQuery("#sap").on( "click", "#anchor2", function() {
-    jQuery( this.parentNode ).remove();
-    ok( true, "Element removed" );
-  });
-  jQuery("#anchor2").trigger("click");
-});
-
-test("stopPropagation() stops directly-bound events on delegated target", function() {
-  expect(1);
-
-  var markup = jQuery("
target
");
-  markup
-    .on( "click", function() {
-      ok( false, "directly-bound event on delegate target was called" );
-    })
-    .on( "click", "a", function( e ) {
-      e.stopPropagation();
-      ok( true, "delegated handler was called" );
-    })
-    .find("a").trigger("click").end()
-    .remove();
-});
-
-test("undelegate all bound events", function(){
-  expect(2);
-
-  var count = 0,
-    clicks = 0,
-    div = jQuery("#body");
-
-  div.delegate( "div#nothiddendivchild", "click submit", function(){ count++; } );
-  div.bind( "click", function(){ clicks++; } );
-  div.undelegate();
-
-  jQuery("div#nothiddendivchild").trigger("click");
-  jQuery("div#nothiddendivchild").trigger("submit");
-
-  equal( count, 0, "Make sure no events were triggered." );
-
-  div.trigger("click");
-  equal( clicks, 2, "Make sure delegated and directly bound event occurred." );
-  div.unbind("click");
-});
-
-test("delegate with multiple events", function(){
-  expect(1);
-
-  var count = 0;
-  var div = jQuery("#body");
-
-  div.delegate("div#nothiddendivchild", "click submit", function(){ count++; });
-
-  jQuery("div#nothiddendivchild").trigger("click");
-  jQuery("div#nothiddendivchild").trigger("submit");
-
-  equal( count, 2, "Make sure both the click and submit were triggered." );
-
-  jQuery("#body").undelegate();
-});
-
-test("delegate with change", function(){
-  expect(8);
-
-  var selectChange = 0, checkboxChange = 0;
-
-  var select = jQuery("select[name='S1']");
-  jQuery("#body").delegate("select[name='S1']", "change", function() {
-    selectChange++;
-  });
-
-  var checkbox = jQuery("#check2"),
-    checkboxFunction = function(){
-      checkboxChange++;
-    };
-  jQuery("#body").delegate("#check2", "change", checkboxFunction);
-
-  // test click on select
-
-  // second click that changed it
-  selectChange = 0;
-  select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
-  select.trigger("change");
-  equal( selectChange, 1, "Change on click." );
-
-  // test keys on select
-  selectChange = 0;
-  select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
-  select.trigger("change");
-  equal( selectChange, 1, "Change on keyup." );
-
-  // test click on checkbox
-  checkbox.trigger("change");
-  equal( checkboxChange, 1, "Change on checkbox." );
-
-  // test blur/focus on text
-  var text = jQuery("#name"), textChange = 0, oldTextVal = text.val();
-  jQuery("#body").delegate("#name", "change", function() {
-    textChange++;
-  });
-
-  text.val(oldTextVal+"foo");
-  text.trigger("change");
-  equal( textChange, 1, "Change on text input." );
-
-  text.val(oldTextVal);
-  jQuery("#body").undelegate("#name", "change");
-
-  // test blur/focus on password
-  var password = jQuery("#name"), passwordChange = 0, oldPasswordVal = password.val();
-  jQuery("#body").delegate("#name", "change", function() {
-    passwordChange++;
-  });
-
-  password.val(oldPasswordVal + "foo");
-  password.trigger("change");
-  equal( passwordChange, 1, "Change on password input." );
-
-  password.val(oldPasswordVal);
-  jQuery("#body").undelegate("#name", "change");
-
-  // make sure die works
-
-  // die all changes
-  selectChange = 0;
-  jQuery("#body").undelegate("select[name='S1']", "change");
-  select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
-  select.trigger("change");
-  equal( selectChange, 0, "Die on click works." );
-
-  selectChange = 0;
-  select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
-  select.trigger("change");
-  equal( selectChange, 0, "Die on keyup works." );
-
-  // die specific checkbox
-  jQuery("#body").undelegate("#check2", "change", checkboxFunction);
-  checkbox.trigger("change");
-  equal( checkboxChange, 1, "Die on checkbox." );
-});
-
-test("delegate with submit", function() {
-  expect( 2 );
-
-  var count1 = 0, count2 = 0;
-
-  jQuery("#body").delegate("#testForm", "submit", function(ev) {
-    count1++;
-    ev.preventDefault();
-  });
-
-  jQuery(document).delegate("body", "submit", function(ev) {
-    count2++;
-    ev.preventDefault();
-  });
-
-  jQuery("#testForm input[name=sub1]").trigger("submit");
-  equal( count1, 1, "Verify form submit." );
-  equal( count2, 1, "Verify body submit." );
-
-  jQuery("#body").undelegate();
-  jQuery(document).undelegate();
-});
-
-test("undelegate() with only namespaces", function() {
-  expect(2);
-
-  var $delegate = jQuery("#liveHandlerOrder"),
-    count = 0;
-
-  $delegate.delegate("a", "click.ns", function(e) {
-    count++;
-  });
-
-  jQuery("a", $delegate).eq(0).trigger("click.ns");
-
-  equal( count, 1, "delegated click.ns");
-
-  $delegate.undelegate(".ns");
-
-  jQuery("a", $delegate).eq(1).trigger("click.ns");
-
-  equal( count, 1, "no more .ns after undelegate");
-});
-
-test("Non DOM element events", function() {
-  expect(1);
-
-  var o = {};
-
-  jQuery(o).bind("nonelementobj", function(e) {
-    ok( true, "Event on non-DOM object triggered" );
-  });
-
-  jQuery(o).trigger("nonelementobj");
-});
-
-test("inline handler returning false stops default", function() {
-  expect(1);
-
-  var markup = jQuery("
x
");
-  markup.on( "click", function(e) {
-    ok( e.isDefaultPrevented(), "inline handler prevented default");
-    return false;
-  });
-  markup.find("a").trigger("click");
-  markup.off("click");
-});
-
-test("window resize", function() {
-  expect(2);
-
-  jQuery(window).off();
-
-  jQuery(window).on( "resize", function(){
-    ok( true, "Resize event fired." );
-  }).trigger("resize").off("resize");
-
-  ok( !jQuery._data(window, "events"), "Make sure all the events are gone." );
-});
-
-test("focusin bubbles", function() {
-  expect(2);
-
-  var input = jQuery( "" ).prependTo( "body" ),
-    order = 0;
-
-  // focus the element so DOM focus won't fire
-  input[0].focus();
-
-  jQuery( "body" ).bind( "focusin.focusinBubblesTest", function(){
-    equal( 1, order++, "focusin on the body second" );
-  });
-
-  input.bind( "focusin.focusinBubblesTest", function(){
-    equal( 0, order++, "focusin on the element first" );
-  });
-
-// Removed since DOM focus is unreliable on test swarm
-  // DOM focus method
-//  input[0].focus();
-
-  // To make the next focus test work, we need to take focus off the input.
-  // This will fire another focusin event, so set order to reflect that.
-//  order = 1;
-//  jQuery("#text1")[0].focus();
-
-  // jQuery trigger, which calls DOM focus
-  order = 0;
-  input.trigger( "focus" );
-
-  input.remove();
-  jQuery( "body" ).unbind( "focusin.focusinBubblesTest" );
-});
-
-test("custom events with colons (#3533, #8272)", function() {
-  expect(1);
-
-  var tab = jQuery("
trigger
").appendTo("body");
-  try {
-    tab.trigger("back:forth");
-    ok( true, "colon events don't throw" );
-  } catch ( e ) {
-    ok( false, "colon events die" );
-  }
-  tab.remove();
-
-});
-
-test(".on and .off", function() {
-  expect(9);
-  var counter, mixfn;
-
-  var $onandoff = jQuery("
onandoff
workedorborked?
").appendTo("body");
-
-  // Simple case
-  jQuery( "#onandoff" )
-    .on( "whip", function() {
-      ok( true, "whipped it good" );
-    })
-    .trigger( "whip" )
-    .off();
-
-  // Direct events only
-  counter = 0;
-  jQuery( "#onandoff b" )
-    .on( "click", 5, function( e, trig ) {
-      counter += e.data + (trig || 9);  // twice, 5+9+5+17=36
-    })
-    .one( "click", 7, function( e, trig ) {
-      counter += e.data + (trig || 11); // once, 7+11=18
-    })
-    .trigger("click")
-    .trigger( "click", 17 )
-    .off( "click" );
-  equal( counter, 54, "direct event bindings with data" );
-
-  // Delegated events only
-  counter = 0;
-  jQuery( "#onandoff" )
-    .on( "click", "em", 5, function( e, trig ) {
-      counter += e.data + (trig || 9);  // twice, 5+9+5+17=36
-    })
-    .one( "click", "em", 7, function( e, trig ) {
-      counter += e.data + (trig || 11); // once, 7+11=18
-    })
-    .find("em")
-      .trigger("click")
-      .trigger( "click", 17 )
-    .end()
-    .off( "click", "em" );
-  equal( counter, 54, "delegated event bindings with data" );
-
-
-  // Mixed event bindings and types
-  counter = 0;
-  mixfn = function(e, trig) {
-    counter += (e.data || 0) + (trig || 1);
-  };
-  jQuery( "#onandoff" )
-    .on( " click  clack cluck ", "em", 2, mixfn )
-    .on( "cluck", "b", 7, mixfn )
-    .on( "cluck", mixfn )
-    .trigger( "what!" )
-    .each( function() {
-      equal( counter, 0, "nothing triggered yet" );
-    })
-    .find( "em" )
-      .one( "cluck", 3, mixfn )
-      .trigger( "cluck", 8 )      // 3+8 2+8 + 0+8 = 29
-      .off()
-      .trigger( "cluck", 9 )      // 2+9 + 0+9 = 20
-    .end()
-    .each( function() {
-      equal( counter, 49, "after triggering em element" );
-    })
-    .off( "cluck", function(){} )   // shouldn't remove anything
-    .trigger( "cluck", 2 )        // 0+2 = 2
-    .each( function() {
-      equal( counter, 51, "after triggering #onandoff cluck" );
-    })
-    .find( "b" )
-      .on( "click", 95, mixfn )
-      .on( "clack", "p", 97, mixfn )
-      .one( "cluck", 3, mixfn )
-      .trigger( "quack", 19 )     // 0
-      .off( "click clack cluck" )
-    .end()
-    .each( function() {
-      equal( counter, 51, "after triggering b" );
-    })
-    .trigger( "cluck", 3 )        // 0+3 = 3
-    .off( "clack", "em", mixfn )
-    .find( "em" )
-      .trigger( "clack" )       // 0
-    .end()
-    .each( function() {
-      equal( counter, 54, "final triggers" );
-    })
-    .off( "click cluck" );
-
-  // We should have removed all the event handlers ... kinda hacky way to check this
-  var data = jQuery.data[ jQuery( "#onandoff" )[0].expando ] || {};
-  equal( data["events"], undefined, "no events left" );
-
-  $onandoff.remove();
-});
-
-test("special bind/delegate name mapping", function() {
-  expect( 7 );
-
-  jQuery.event.special["slap"] = {
-    bindType: "click",
-    delegateType: "swing",
-    handle: function( event ) {
-      equal( event.handleObj.origType, "slap", "slapped your mammy, " + event.type );
-    }
-  };
-
-  var comeback = function( event ) {
-    ok( true, "event " + event.type + " triggered" );
-  };
-
-  jQuery("
Are We Not Men?
")
-    .on( "slap", "button", jQuery.noop )
-    .on( "swing", "button", comeback )
-    .find( "button" )
-      .on( "slap", jQuery.noop )
-      .on( "click", comeback )
-      .trigger( "click" )   // bindType-slap and click
-      .off( "slap" )
-      .trigger( "click" )   // click
-      .off( "click" )
-      .trigger( "swing" )   // delegateType-slap and swing
-    .end()
-    .off( "slap swing", "button" )
-    .find( "button" )     // everything should be gone
-      .trigger( "slap" )
-      .trigger( "click" )
-      .trigger( "swing" )
-    .end()
-    .remove();
-  delete jQuery.event.special["slap"];
-
-  jQuery.event.special["gutfeeling"] = {
-    bindType: "click",
-    delegateType: "click",
-    handle: function( event ) {
-      equal( event.handleObj.origType, "gutfeeling", "got a gutfeeling" );
-      // Need to call the handler since .one() uses it to unbind
-      return event.handleObj.handler.call( this , event );
-    }
-  };
-
-  // Ensure a special event isn't removed by its mapped type
-  jQuery( "
Gut Feeling
" )
-    .on( "click", jQuery.noop )
-    .on( "gutfeeling", jQuery.noop )
-    .off( "click" )
-    .trigger( "gutfeeling" )
-    .remove();
-
-  // Ensure special events are removed when only a namespace is provided
-  jQuery( "
Gut Feeling
" )
-    .on( "gutfeeling.Devo", jQuery.noop )
-    .off( ".Devo" )
-    .trigger( "gutfeeling" )
-    .remove();
-
-  // Ensure .one() events are removed after their maiden voyage
-  jQuery( "
Gut Feeling
" )
-    .one( "gutfeeling", jQuery.noop )
-    .trigger( "gutfeeling" )  // This one should
-    .trigger( "gutfeeling" )  // This one should not
-    .remove();
-
-  delete jQuery.event.special["gutfeeling"];
-});
-
-test(".on and .off, selective mixed removal (#10705)", function() {
-  expect(7);
-
-  var clockout = 0,
-    timingx = function( e ) {
-      ok( true, "triggered " + e.type );
-    };
-
-  jQuery( "
Strange Pursuit
" )
-    .on( "click", timingx )
-    .on( "click.duty", timingx )
-    .on( "click.now", timingx )
-    .on( "devo", timingx )
-    .on( "future", timingx )
-    .trigger( "click" )   // 3
-    .trigger( "devo" )    // 1
-    .off( ".duty devo " ) // trailing space
-    .trigger( "future" )  // 1
-    .trigger( "click" )   // 2
-    .off( "future click" )
-    .trigger( "click" );  // 0
-});
-
-test(".on( event-map, null-selector, data ) #11130", function() {
-
-  expect( 1 );
-
-  var $p = jQuery("
Strange Pursuit
"),
-    data = "bar",
-    map = {
-      "foo": function( event ) {
-        equal( event.data, "bar", "event.data correctly relayed with null selector" );
-        $p.remove();
-      }
-    };
-
-  $p.on( map, null, data ).trigger("foo");
-});
-
-test("clone() delegated events (#11076)", function() {
-  expect(3);
-
-  var counter = { "center": 0, "fold": 0, "centerfold": 0 },
-    clicked = function( event ) {
-      counter[ jQuery(this).text().replace(/\s+/, "") ]++;
-    },
-    table =
-      jQuery( "
center
fold
" )
-      .on( "click", "tr", clicked )
-      .on( "click", "td:first-child", clicked )
-      .on( "click", "td:last-child", clicked ),
-    clone = table.clone( true );
-
-  clone.find("td").trigger("click");
-  equal( counter["center"], 1, "first child" );
-  equal( counter["fold"], 1, "last child" );
-  equal( counter["centerfold"], 2, "all children" );
-
-  table.remove();
-  clone.remove();
-});
-
-test("checkbox state (#3827)", function() {
-  expect( 9 );
-
-  var markup = jQuery("
").appendTo("#qunit-fixture"),
-    cb = markup.find("input")[0];
-
-  jQuery(cb).on( "click", function(){
-    equal( this.checked, false, "just-clicked checkbox is not checked" );
-  });
-  markup.on( "click", function(){
-    equal( cb.checked, false, "checkbox is not checked in bubbled event" );
-  });
-
-  // Native click
-  cb.checked = true;
-  equal( cb.checked, true, "native - checkbox is initially checked" );
-  cb.click();
-  equal( cb.checked, false, "native - checkbox is no longer checked" );
-
-  // jQuery click
-  cb.checked = true;
-  equal( cb.checked, true, "jQuery - checkbox is initially checked" );
-  jQuery( cb ).trigger("click");
-  equal( cb.checked, false, "jQuery - checkbox is no longer checked" );
-
-  // Handlers only; checkbox state remains false
-  jQuery( cb ).triggerHandler( "click" );
-});
-
-test("focus-blur order (#12868)", function() {
-  expect( 5 );
-
-  var $text = jQuery("#text1"),
-    $radio = jQuery("#radio1").trigger("focus"),
-    order;
-
-  // IE6-10 fire focus/blur events asynchronously; this is the resulting mess.
-  // IE's browser window must be topmost for this to work properly!!
-  stop();
-  $radio[0].focus();
-
-  setTimeout( function() {
-
-    $text
-      .on( "focus", function(){
-        equal( order++, 1, "text focus" );
-      })
-      .on( "blur", function(){
-        equal( order++, 0, "text blur" );
-      });
-    $radio
-      .on( "focus", function(){
-        equal( order++, 1, "radio focus" );
-      })
-      .on( "blur", function(){
-        equal( order++, 0, "radio blur" );
-      });
-
-    // Enabled input getting focus
-    order = 0;
-    equal( document.activeElement, $radio[0], "radio has focus" );
-    $text.trigger("focus");
-    setTimeout( function() {
-      equal( document.activeElement, $text[0], "text has focus" );
-
-      // Run handlers without native method on an input
-      order = 1;
-      $radio.triggerHandler( "focus" );
-      start();
-    }, 50 );
-  }, 50 );
-});
-
-test("hover event no longer special since 1.9", function() {
-  expect( 1 );
-
-  jQuery("
craft
")
-    .on( "hover", function( e ) {
-      equal( e.type, "hover", "I am hovering!" );
-    })
-    .trigger("hover")
-    .off("hover");
-});(function(){
-  // This code must be run before DOM ready!
-  var notYetReady, noEarlyExecution,
-    order = [],
-    args = {};
-
-  // Create an event handler.
-  function makeHandler( testId ) {
-    // When returned function is executed, push testId onto `order` array
-    // to ensure execution order. Also, store event handler arg to ensure
-    // the correct arg is being passed into the event handler.
-    return function( arg ) {
-      order.push(testId);
-      args[testId] = arg;
-    };
-  }
-
-  // Bind to the ready event in every possible way.
-  jQuery(makeHandler("a"));
-  jQuery(document).ready(makeHandler("b"));
-  jQuery(document).bind("ready.readytest", makeHandler("c"));
-
-  // Do it twice, just to be sure.
-  jQuery(makeHandler("d"));
-  jQuery(document).ready(makeHandler("e"));
-  jQuery(document).bind("ready.readytest", makeHandler("f"));
-
-  noEarlyExecution = order.length === 0;
-
-  // This assumes that QUnit tests are run on DOM ready!
-  test("jQuery ready", function() {
-    expect(10);
-
-    ok(noEarlyExecution, "Handlers bound to DOM ready should not execute before DOM ready");
-
-    // Ensure execution order.
-    deepEqual(order, ["a", "b", "d", "e", "c", "f"], "Bound DOM ready handlers should execute in bind-order, but those bound with jQuery(document).bind( 'ready', fn ) will always execute last");
-
-    // Ensure handler argument is correct.
-    equal(args["a"], jQuery, "Argument passed to fn in jQuery( fn ) should be jQuery");
-    equal(args["b"], jQuery, "Argument passed to fn in jQuery(document).ready( fn ) should be jQuery");
-    ok(args["c"] instanceof jQuery.Event, "Argument passed to fn in jQuery(document).bind( 'ready', fn ) should be an event object");
-
-    order = [];
-
-    // Now that the ready event has fired, again bind to the ready event
-    // in every possible way. These event handlers should execute immediately.
-    jQuery(makeHandler("g"));
-    equal(order.pop(), "g", "Event handler should execute immediately");
-    equal(args["g"], jQuery, "Argument passed to fn in jQuery( fn ) should be jQuery");
-
-    jQuery(document).ready(makeHandler("h"));
-    equal(order.pop(), "h", "Event handler should execute immediately");
-    equal(args["h"], jQuery, "Argument passed to fn in jQuery(document).ready( fn ) should be jQuery");
-
-    jQuery(document).bind("ready.readytest", makeHandler("never"));
-    equal(order.length, 0, "Event handler should never execute since DOM ready has already passed");
-
-    // Cleanup.
-    jQuery(document).unbind("ready.readytest");
-  });
-
-})();
-
-test("change handler should be detached from element", function() {
-  expect( 2 );
-
-  var $fixture = jQuery( "" ).appendTo( "body" );
-
-  var originRemoveEvent =  jQuery.removeEvent;
-
-  var wrapperRemoveEvent =  function(elem, type, handle){
-    equal("change", type, "Event handler for 'change' event should be removed");
-    equal("change-ie-leak", jQuery(elem).attr("id"), "Event handler for 'change' event should be removed from appropriate element");
-    originRemoveEvent(elem, type, handle);
-  };
-
-  jQuery.removeEvent = wrapperRemoveEvent ;
-
-  $fixture.bind( "change", function( event ) {});
-  $fixture.unbind( "change" );
-
-  $fixture.remove();
-
-  jQuery.removeEvent = originRemoveEvent;
-});
-
-asyncTest("trigger click on checkbox, fires change event", function() {
-  expect(1);
-
-  var check = jQuery("#check2");
-
-  check.on( "change", function() {
-    // get it?
-    check.off("change");
-    ok( true, "Change event fired as a result of triggered click" );
-    start();
-  }).trigger("click");
-});
-
-test( "Namespace preserved when passed an Event (#12739)", function() {
-  expect( 4 );
-
-  var markup = jQuery(
-      "
"
-    ),
-    triggered = 0,
-    fooEvent;
-
-  markup.find("div")
-    .addBack()
-    .on( "foo.bar", function( e ) {
-      if ( !e.handled ) {
-        triggered++;
-        e.handled = true;
-        equal( e.namespace, "bar", "namespace is bar" );
-        jQuery( e.target ).find("div").each(function() {
-          jQuery( this ).triggerHandler( e );
-        });
-      }
-    })
-    .on( "foo.bar2", function( e ) {
-      ok( false, "foo.bar2 called on trigger " + triggered + " id " + this.id );
-    });
-
-  markup.trigger("foo.bar");
-  markup.trigger( jQuery.Event("foo.bar") );
-  fooEvent = jQuery.Event("foo");
-  fooEvent.namespace = "bar";
-  markup.trigger( fooEvent );
-  markup.remove();
-
-  equal( triggered, 3, "foo.bar triggered" );
-});
-
-test( "make sure events cloned correctly", 18, function() {
-  var clone,
-    fixture = jQuery("#qunit-fixture"),
-    checkbox = jQuery("#check1"),
-    p = jQuery("#firstp");
-
-  fixture.on( "click change", function( event, result ) {
-    ok( result,  event.type + " on original element is fired" );
-
-  }).on( "click", "#firstp", function( event, result ) {
-    ok( result, "Click on original child element though delegation is fired" );
-
-  }).on( "change", "#check1", function( event, result ) {
-    ok( result, "Change on original child element though delegation is fired" );
-  });
-
-  p.on("click", function( event, result ) {
-    ok( true, "Click on original child element is fired" );
-  });
-
-  checkbox.on("change", function( event, result ) {
-    ok( true, "Change on original child element is fired" );
-  });
-
-  fixture.clone().trigger("click").trigger("change"); // 0 events should be fired
-
-  clone = fixture.clone( true );
-
-  clone.find("p:first").trigger( "click", true ); // 3 events should fire
-  clone.find("#check1").trigger( "change", true ); // 3 events should fire
-  clone.remove();
-
-  clone = fixture.clone( true, true );
-  clone.find("p:first").trigger( "click", true ); // 3 events should fire
-  clone.find("#check1").trigger( "change", true ); // 3 events should fire
-
-  fixture.off();
-  p.off();
-  checkbox.off();
-
-  p.trigger("click"); // 0 should be fired
-  checkbox.trigger("change"); // 0 should be fired
-
-  clone.find("p:first").trigger( "click", true );  // 3 events should fire
-  clone.find("#check1").trigger( "change", true ); // 3 events should fire
-  clone.remove();
-
-  clone.find("p:first").trigger("click");  // 0 should be fired
-  clone.find("#check1").trigger("change"); // 0 events should fire
-});
-
-test( "Check order of focusin/focusout events", 2, function() {
-  var focus, blur,
-    input = jQuery("#name");
-
-  input.on("focus", function() {
-    focus = true;
-
-  }).on("focusin", function() {
-    ok( !focus, "Focusin event should fire before focus does" );
-
-  }).on("blur", function() {
-    blur = true;
-
-  }).on("focusout", function() {
-    ok( !blur, "Focusout event should fire before blur does" );
-  });
-
-  // gain focus
-  input.trigger("focus");
-
-  // then lose it
-  jQuery("#search").trigger("focus");
-
-  // cleanup
-  input.off();
-});
-
-test( "String.prototype.namespace does not cause trigger() to throw (#13360)", function() {
-  expect( 1 );
-  var errored = false;
-
-  String.prototype.namespace = function() {};
-
-  try {
-    jQuery("
").trigger("foo.bar");
-  } catch( e ) {
-    errored = true;
-  }
-  equal( errored, false, "trigger() did not throw exception" );
-  delete String.prototype.namespace;
-});
-	});
\ No newline at end of file
diff --git a/event/fastfix/qunit.html b/event/fastfix/qunit.html
deleted file mode 100644
index 848284f1..00000000
--- a/event/fastfix/qunit.html
+++ /dev/null
@@ -1,229 +0,0 @@
-
-
-  
-  
-  
-  
-
-
-
-
FastFix Event Test Suite
-
-

-
-

-

-
-

-

-

-
-
-

-  

-
-
-
-

-  

-    
See this blog entry for more information.
-    

-      Here are some links in a normal paragraph: Google,
-      Google Groups (Link).
-      This link has class="blog":
-      diveintomark
-
-    
-    

-      
Everything inside the red border is inside a div with id="foo".
-      
This is a normal link: Yahoo
-      
This link has class="blog": Simon Willison's Weblog
-
-    
-    
-    
Try them out:
-    

-    

-    

-      Action:
-      
-      
-      
-
-      
-      
-      
-
-      
-      
-
-      
-      
-
-      Button
-
-      foobar
-
-      
-        Nothing
-        1
-        2
-        3
-      
-      
-        Nothing
-        1
-        2
-        3
-      
-      
-        Nothing
-        1
-        2
-        3
-        no value
-      
-      
-        
-          Nothing
-          1
-          2
-        
-        3
-        no value
-      
-      
-        1
-        2
-        3
-      
-
-      
-
-      
-      
-      
-      
-      
-      
-
-      test element
-    
-    Float test.
-    
-    

-      
-      
-    
-    
-
-    

-      
-      
-      
-      
-    
-
-    

-      ?
-        Z
-      
-      
-      
-      
-      
-      
-      
-      
-      
-      
-      
-      
-        ABC
-        ABC
-        ABC
-      
-      
-        ABC
-        ABC
-        ABC
-      
-      
-        YES
-      
-      
-        NO
-      
-      
-      
-      
-      NO
-      
-      
-      
-      
-        NO
-      
-      
-      
-    
-    

-      

-        

-          
-          
-          
-          
-        
-      
-      
hi there 
-      

-        
hidden
-      
-      

-        

-      
-      

-    
-
-    

-      

-        
Rice
-        
Beans
-        
Blinis
-        
Tofu
-      
-
-      
I'm hungry. I should...
-      ...Eat lots of food... |
-      ...Eat a little food... |
-      ...Eat no food...
-      ...Eat a burger...
-      ...Eat some funyuns...
-      ...Eat some funyuns...
-    
-
-    

-      
-      
-    
-
-    

-      1
-      2
-    
-  
-
-
-
-
\ No newline at end of file
diff --git a/event/hover/hover.html b/event/hover/hover.html
index 58972880..88f9b041 100644
--- a/event/hover/hover.html
+++ b/event/hover/hover.html
@@ -29,10 +29,9 @@ 
Bound Directly
 
hover me for a second
 
hover me for a second
 
HoverLeave
-
Leave and don't return for a half second
+
Leave and don't return for 2  seconds
 
-
+
 
 
-    
-    
-
-        
Hover Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/event/hover/test.html b/event/hover/test.html
new file mode 100644
index 00000000..6fab5f1d
--- /dev/null
+++ b/event/hover/test.html
@@ -0,0 +1,3 @@
+
+
+

diff --git a/event/key/customizer.html b/event/key/customizer.html
index 8d4d4875..4f4e20ba 100644
--- a/event/key/customizer.html
+++ b/event/key/customizer.html
@@ -69,7 +69,7 @@ 
jQuery.event.key keymap customizer
             src='../../../steal/steal.js'>
     
     
 
 
-    
-    
-
-        
Key Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/event/key/test.html b/event/key/test.html
new file mode 100644
index 00000000..3380a070
--- /dev/null
+++ b/event/key/test.html
@@ -0,0 +1,3 @@
+
+
+

diff --git a/event/pause/pause.html b/event/pause/pause.html
index be54a004..d1648830 100644
--- a/event/pause/pause.html
+++ b/event/pause/pause.html
@@ -137,115 +137,116 @@
 	
 
 
-
+
 
-		
-    
-    
-
-        
swipe Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/event/pause/test.html b/event/pause/test.html
new file mode 100644
index 00000000..f72d925a
--- /dev/null
+++ b/event/pause/test.html
@@ -0,0 +1,3 @@
+
+
+

diff --git a/event/destroyed/destroyed.html b/event/removed/removed.html
similarity index 50%
rename from event/destroyed/destroyed.html
rename to event/removed/removed.html
index 70a550cf..5b03c176 100644
--- a/event/destroyed/destroyed.html
+++ b/event/removed/removed.html
@@ -1,27 +1,26 @@
 
 
 	
-		
+		
         
 	
 	
 

-
Click Below to destroy me
+
Click Below to remove me
 Click here!

 

 	    
-
+
 
 
 	
diff --git a/event/destroyed/destroyed.js b/event/removed/removed.js
similarity index 93%
rename from event/destroyed/destroyed.js
rename to event/removed/removed.js
index 16cecdcf..ac995b34 100644
--- a/event/destroyed/destroyed.js
+++ b/event/removed/removed.js
@@ -13,7 +13,7 @@ steal('jquery', function( $ ) {
 		for ( var i = 0, elem;
 		(elem = elems[i]) !== undefined; i++ ) {
 			// Trigger the destroyed event
-			$(elem).triggerHandler("destroyed");
+			$(elem).triggerHandler("removed");
 		}
 		// Call the old jQuery.cleanData
 		oldClean(elems);
diff --git a/event/removed/removed.md b/event/removed/removed.md
new file mode 100644
index 00000000..34f906f1
--- /dev/null
+++ b/event/removed/removed.md
@@ -0,0 +1,28 @@
+@constructor jQuery.event.removed
+@parent jquerypp
+
+@body
+
+`jQuery.event.removed` adds a `removed` event that is triggered when an element has been removed.
+
+The removed event is called when the element is removed as a result of a jQuery DOM
+[manipulation method](http://api.jquery.com/category/manipulation/) like *remove*, *html*, *replaceWith*, etc.
+Destroyed events do not bubble, so make sure you don't use live or delegate with removed events.
+
+The removed event is very useful when you want to remove certain event handlers or clean up references
+when the element has been removed. This is very important in order to create long lived applications
+that do not leak.
+
+## Quick Example
+
+	$(".foo").on("removed", function(){
+	   //clean up code
+	});
+
+## Quick Demo
+
+@demo jquerypp/event/removed/removed.html 200
+
+## More Involved Demo
+
+@demo jquerypp/event/removed/removed_menu.html 
\ No newline at end of file
diff --git a/event/destroyed/destroyed_menu.html b/event/removed/removed_menu.html
similarity index 100%
rename from event/destroyed/destroyed_menu.html
rename to event/removed/removed_menu.html
diff --git a/event/removed/removed_test.js b/event/removed/removed_test.js
new file mode 100644
index 00000000..16e52bba
--- /dev/null
+++ b/event/removed/removed_test.js
@@ -0,0 +1,18 @@
+steal("jquerypp/event/removed", 'steal-qunit', function() {
+
+module("jquerypp/event/destroyed");
+
+test("removing an element", function(){
+	var div = $("
").data("testData",5);
+	div.appendTo($("#qunit-fixture"));
+	var destroyed = false;
+	div.bind("removed",function(){
+		destroyed = true;
+		equal($(this).data("testData"),5, "other data still exists");
+	});
+	
+	div.remove();
+	ok(destroyed, "removed called");
+});
+
+});
\ No newline at end of file
diff --git a/event/removed/test.html b/event/removed/test.html
new file mode 100644
index 00000000..7b55f68c
--- /dev/null
+++ b/event/removed/test.html
@@ -0,0 +1,3 @@
+
+
+

diff --git a/event/resize/demo.html b/event/resize/demo.html
index 0e654882..4f3ee228 100644
--- a/event/resize/demo.html
+++ b/event/resize/demo.html
@@ -72,11 +72,7 @@ 
Folders:
 				A footer
 			
 		

-		
         
 		
 		
-    
-    
-
-        
selection Test Suite
-    	

-    	

-    	

-		

-        

-		

-    
-
\ No newline at end of file
diff --git a/event/resize/resize.html b/event/resize/resize.html
index 0a31db65..8a2e917c 100644
--- a/event/resize/resize.html
+++ b/event/resize/resize.html
@@ -25,23 +25,21 @@ 
Click an element to see who gets resized as a result.  Elements with red bor
 			
 			
JavaScriptMVC is just WAY smart
 		

o = new $.Observe({})

o.attrs(

o.bind('change', function( ev, attr, how, newValue, prevValue, where ) { 

<% for(var i =0; i< this.length; i++) { %>
-  <li><%= this[i].name %></li>
-<% } %>
-

GET /contacts.json

[{
-  'id': 1,
-  'name' : 'Justin Meyer',
-  'birthday': '1982-10-20'
-},
-{
-  'id': 2,
-  'name' : 'Brian Moschel',
-  'birthday': '1983-11-10'
-}]

Contact.create(attrs, success, error)

Contact.findAll(params,success,error)
-Contact.findOne(params, success, error)

Contact.update(id, attrs, success, error)

Contact.destroy(id, success, error)

/*members ';
-                l = 10;
-                for (i = 0; i < a.length; i += 1) {
-                    k = a[i];
-                    n = k.name();
-                    if (l + n.length > 72) {
-                        o.push(m + '
');
-                        m = '    ';
-                        l = 1;
-                    }
-                    l += n.length + 2;
-                    if (member[k] === 1) {
-                        n = '' + n + '';
-                    }
-                    if (i < a.length - 1) {
-                        n += ', ';
-                    }
-                    m += n;
-                }
-                o.push(m + '
*/

<% for(var i =0; i < this.length; i++) { %>
-  <li><%= this[i].name %></li>
-<% } %>
-

GET /contacts.json

-[{
-  'id': 1,
-  'name' : 'Justin Meyer',
-  'birthday': '1982-10-20'
-},
-{
-  'id': 2,
-  'name' : 'Brian Moschel',
-  'birthday': '1983-11-10'
-}]

-$.get('/contacts.json',
-      {type: 'tasty'}, 
-      successCallback,
-      'json')

-Contact.findAll({type: 'old'}, successCallback);
-

Contact.create(attrs, success, error

Contact.findAll(params,success,error)
-Contact.findOne(params, success, error)

Contact.update(id, attrs, success, error)

Contact.destroy(id, success, error)

$.Model.extend('Contact',
-{
-  findAll : function(params, success, error){
-  
-    // do the ajax request
-    $.get('/contacts.json',
-      params, 
-      function( json ){ 
-        
-        // on success, create new Contact
-        // instances for each contact
-        var wrapped = [];
-        
-        for(var i =0; i< json.length;i++){
-          wrapped.push( new Contact(json[i] ) );
-        }
-        
-        //call success with the contacts
-        success( wrapped );
-        
-      },
-      'json');
-  }
-},
-{
-  // Prototype properties of Contact.
-  // We'll learn about this soon!
-});

  findAll : function(params, success, error){
-    $.get('/contacts.json',
-      params, 
-      function( json ){ 
-        success(Contact.wrapMany(json));		
-      },
-      'json');
-  }
-

  findAll : function(params, success, error){
-    $.get('/contacts.json',
-    params, 
-    this.proxy(['wrapMany', success]),
-    'json')
-  }
-

Contact.findAll({},function(contacts){
-  var html = [];
-  for(var i =0; i < contacts.length; i++){
-    html.push('<li>'+contacts[i].name + '</li>')
-  }
-  $('#contacts').html( html.join('') );
-});

$.Model.extend("Contact",
-{
-  findAll : function( ... ){ ... }
-},
-{
-  setBirthday : function(raw){
-    if(typeof raw == 'string'){
-      var matches = raw.match(/(\d+)-(\d+)-(\d+)/)
-      return new Date( matches[1], 
-                      (+matches[2])-1, 
-                       matches[3] )
-    }else if(raw instanceof Date){
-      return raw;
-    }
-  }
-})

$.Model.extend("Contact",
-{
-  attributes : { 
-    birthday : 'date'
-  },
-  convert : {
-    date : function(raw){
-      if(typeof raw == 'string'){
-        var matches = raw.match(/(\d+)-(\d+)-(\d+)/)
-        return new Date( matches[1], 
-                        (+matches[2])-1, 
-                         matches[3] )
-      }else if(raw instanceof Date){
-        return raw;
-      }
-    }
-  },
-  findAll : function( ... ){ ... }
-},
-{
-  // No prototype properties necessary
-})

-var age = function(birthday){
-   return new Date().getFullYear() - 
-          birthday.getFullYear()
-}
-
-Contact.findAll({},function(contacts){
-  var html = [];
-  for(var i =0; i < contacts.length; i++){
-    html.push('<li>'+age(contacts[i].birthday) + '</li>')
-  }
-  $('#contacts').html( html.join('') );
-});

$.Model.extend("Contact",
-{
-  attributes : { ... },
-  convert : { ... },
-  findAll : function( ... ){ ... }
-},
-{
-  ageThisYear : function(){
-    return new Date().getFullYear() - 
-          this.birthday.getFullYear()
-  }
-})

Contact.findAll({},function(contacts){
-  var html = [];
-  for(var i =0; i < contacts.length; i++){
-    html.push('<li>'+ contacts[i].ageThisYear() + '</li>')
-  }
-  $('#contacts').html( html.join('') );
-});

Contact.findAll({},function(contacts){
-  var contactsEl = $('#contacts');
-  for(var i =0; i < contacts.length; i++){
-   $('<li>').model(contacts[i])
-            .html(contacts[i].ageThisYear()+
-                  " <a>DELETE</a>")
-            .appendTo(contactsEl)
-  }
-});

<li class='contact contact_5'> ... </li>

$("#contacts a").live('click', function(){
-  //get the element for this recipe
-  var contactEl = $(this).closest('.contact')
-  
-  // get the conctact instance
-  contactEl.model()
-           // call destroy on the instance
-           .destroy(function(){
-                      // remove the element
-                      contactEl.remove();
-                    })
-		  
-})

$("#jaml").html("template.jaml",{message: "Hello World"})

function(data) {
-  h3(data.message);
-}

$("#ejs").html("template.ejs",{message: "Hello World"})

<h3><%= message %></h3>

$("#micro").html("template.micro",{message: "Hello World"})

<h3>{%= message %}</h3>

$("#tmpl").html("template.tmpl",{message: "Hello World"})

<h3>{%= message %}</h3>