not_inline.html doesn't work, why not?

sente · sente · commit c283c4051eca · 2011-11-04T16:26:23.000-04:00
diff --git a/not_inline.html b/not_inline.html
@@ -0,0 +1,44 @@
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <style>
+            table { border-collapse:collapse; margin:8px; background-color:#f8f8f8; }
+            table td { height:30px; width:100px; border:1px solid blue; padding:3px; }
+        </style>
+        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
+        <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
+
+        <script>
+            var movies = [
+            { Name: "The Red Violin", ReleaseYear: "1998", Director: "Françs Girard" },
+            { Name: "Eyes Wide Shut", ReleaseYear: "1999", Director: "Stanley Kubrick" },
+            { Name: "The Inheritance", ReleaseYear: "1976", Director: "Mauro Bolognini" }
+            ];
+        </script>
+
+
+        <script id="summaryTemplate" src="template.html" type="text/x-jquery-tmpl"></script>
+
+
+        <script>
+            function renderList() {
+                $( "#summaryTemplate" ).tmpl( movies ).appendTo( "#moviesList" );
+            }
+        </script>
+
+
+        <script>
+            $(function(){
+                $('#showBtn').click(function(data){
+                    renderList();
+                });
+            });
+        </script>
+
+    </head>
+    <body>
+        <button id="showBtn">Show movies</button><br/>
+        <table><tbody id="moviesList"></tbody></table>
+    </body>
+</html>
diff --git a/template.html b/template.html
@@ -0,0 +1,3 @@
+<script id="summaryTemplate" type="text/x-jquery-tmpl">
+    <tr> <td>${Name}</td> <td>${ReleaseYear}</td> <td>${Director}</td> </tr>
+</script>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<script id="summaryTemplate" type="text/x-jquery-tmpl">`
	`2`	`+ <tr> <td>${Name}</td> <td>${ReleaseYear}</td> <td>${Director}</td> </tr>`
	`3`	`+</script>`