Added support for automatic unlinking through override of cleanData, and

through test of previously bound arrayChange handler. Hence improved perf
and removed memory leak from demo pages.
Some Chrome and FF specific bugs fixed.

Author: BorisMoore

beta2/1explicitOrDeclarative.html

@@ -36,7 +36,8 @@ <h3>Explicit</h3>
 
 	<div id="myExplicit">
 		<p class="cityWrapper">
-			City: <span data-jq-linkfrom="address.city" class="city"></span>
+			City: <span class="city"></span>
+			City: <span class="city"></span>
 		</p>
 		<p>
 			<input name="city" />

beta2/2hierarchical.html

@@ -11,17 +11,17 @@
 	<button onclick="setName()">set name</button>
 	<hr /><br />
 
-	<table id="myDeclarative">
+	<table id="myDeclarative" data-jq-tmpl="contactListTmpl">
 
 		<tbody><tr><td>
 
 			<h3 data-jq-linkfrom="title"></h3>
 			<input data-jq-linkto="title" data-jq-linkfrom="title" />
 
 		</td></tr></tbody>
-		<tbody data-jq-path="people">
+		<tbody data-jq-path="people" data-jq-tmpl="personTmpl">
 
-			<tr data-jq-path="0">
+			<tr data-jq-path="">
 				<td>
 					Name: <span data-jq-linkfrom="firstName"></span> <span data-jq-linkfrom="lastName"></span>
 				</td>
@@ -31,7 +31,7 @@ <h3 data-jq-linkfrom="title"></h3>
 				</td>
 			</tr>
 
-			<tr data-jq-path="1">
+			<tr data-jq-path="">
 				<td>
 					Name: <span data-jq-linkfrom="firstName"></span> <span data-jq-linkfrom="lastName"></span>
 				</td>
@@ -41,7 +41,7 @@ <h3 data-jq-linkfrom="title"></h3>
 				</td>
 			</tr>
 
-			<tr data-jq-path="2">
+			<tr data-jq-path="">
 				<td>
 					Name: <span data-jq-linkfrom="firstName"></span> <span data-jq-linkfrom="lastName"></span>
 				</td>

beta2/3collectionChange.html

@@ -22,37 +22,37 @@
 
 	<table id="peopleGrid">
 	<tbody>
-		<tr class="row1" data-jq-path="0">
+		<tr class="row1" data-jq-path="">
 			<td>
 				<button class="btnDelete">X</button>
 				Name: <span data-jq-linkfrom="firstName"></span> <span data-jq-linkfrom="lastName"></span>
 			</td>
 		</tr>
-		<tr class="row2" data-jq-path="0">
+		<tr class="row2">
 			<td>
 				<input data-jq-linkto="firstName" data-jq-linkfrom="firstName" />
 				<input data-jq-linkto="lastName" data-jq-linkfrom="lastName" />
 			</td>
 		</tr>
-		<tr class="row1" data-jq-path="1">
+		<tr class="row1" data-jq-path="">
 			<td>
 				<button class="btnDelete">X</button>
 				Name: <span data-jq-linkfrom="firstName"></span> <span data-jq-linkfrom="lastName"></span>
 			</td>
 		</tr>
-		<tr class="row2" data-jq-path="1">
+		<tr class="row2">
 			<td>
 				<input data-jq-linkto="firstName" data-jq-linkfrom="firstName" />
 				<input data-jq-linkto="lastName" data-jq-linkfrom="lastName" />
 			</td>
 		</tr>
-		<tr class="row1" data-jq-path="2">
+		<tr class="row1" data-jq-path="">
 			<td>
 				<button class="btnDelete">X</button>
 				Name: <span data-jq-linkfrom="firstName"></span> <span data-jq-linkfrom="lastName"></span>
 			</td>
 		</tr>
-		<tr class="row2" data-jq-path="2">
+		<tr class="row2">
 			<td>
 				<input data-jq-linkto="firstName" data-jq-linkfrom="firstName" />
 				<input data-jq-linkto="lastName" data-jq-linkfrom="lastName" />
@@ -92,14 +92,14 @@
 			}
 		];
 
-		$.dataLink( people, "#peopleGrid", { tmpl: "#personTmpl" }).pushValues();
+		var savedlinks = $.dataLink( people, "#peopleGrid", "#personTmpl" ).pushValues();
 
 		$.dataLink( "#peopleGrid", people );
 
 		$( "#peopleGrid" )
 			.delegate( ".btnDelete", "click", function() {
-
-				var index = $.viewItem( this ).index;
+				var item = $.viewItem( this ),
+					index = $.inArray( item.data, item.parent.data );
 				$.changeArray( people, "splice", index, 1 );
 
 			});

beta2/4tmplRender.html

@@ -66,18 +66,23 @@ <h3>Read-only</h3>
 			}
 		];
 
-		$.dataLink( people, "#peopleGrid", { tmpl: "#editTmpl" }).render().pushValues();
+		$( "#peopleGrid" ).html(
+			$( "#editTmpl" ).tmplRender( people, { annotate: true })
+		);
+		$.dataLink( people, "#peopleGrid", "#editTmpl" ).pushValues();
 		$.dataLink( "#peopleGrid", people );
 
-		$.dataLink( people, "#peopleGrid2", { tmpl: "#readOnlyTmpl" }).render().pushValues();
+		$( "#peopleGrid2" ).html(
+			$( "#readOnlyTmpl" ).tmplRender( people, { annotate: true })
+		);
+		$.dataLink( people, "#peopleGrid2","#readOnlyTmpl" ).pushValues();
 		$.dataLink( "#peopleGrid2", people );
 
 		$( "#peopleGrid" )
 			.delegate( ".btnDelete", "click", function() {
-
-				var index = $.viewItem( this ).index;
+				var item = $.viewItem( this ),
+					index = $.inArray( item.data, item.parent.data );
 				$.changeArray( people, "splice", index, 1 );
-
 			});
 
 		function setLastName() {