title: How to build a HTML from JSON and JQuery Templates
body: <p>I know I'm messing up the syntax somewhere but I can't figure out where. Code below. (I left out the body tag because it wasn't showing correctly in the preview)</p>
  
  <pre><code>&lt;head runat="server"&gt;
      &lt;script src="Scripts/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="Scripts/jquery.tmpl.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="Scripts/jquery.tmplPlus.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script id="ProductsTemplate" type="text/x-jquery-tmpl"&gt;
          &lt;table class="productsHere"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Title&lt;/td&gt;
                      &lt;td&gt;Size&lt;/td&gt;
                      &lt;td&gt;Price&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  {{each data}}
                      {{tmpl($value) '#ProductsRowTemplate'}}
                  {{/each}}
              &lt;/tbody&gt;            
          &lt;/table&gt;
      &lt;/script&gt;
      &lt;script id="ProductsRowTemplate" type="text/html"&gt;
          &lt;tr&gt;
              &lt;td class="title"&gt;${title}&lt;/td&gt;
              &lt;td class="size"&gt;${size}&lt;/td&gt;
              &lt;td class="price"&gt;${price}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/script&gt;
      &lt;title&gt;Using JQuery&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $.ajax({
              type: "POST",
              url: "JSON-WebService.asmx/getProducts",
              data: "{}",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function (data) {
                  $('#ProductsTemplate').tmpl(data).appendTo('#ProductsTable');
                  alert("It works");
              },
              failure: function (data) {
                  alert("It didn't work");
              }
          });
      });
  &lt;/script&gt;
  
  &lt;div id="ProductsTable"&gt;&lt;/div&gt;
  &lt;div id="OthersTable"&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  
  &lt;/form&gt;
  </code></pre>