Quería probar jQuery Templates después de inspirarme en estas 2 publicaciones de blog

http://encosia.com/2010/11/10/composition-with-jquery-templates-why-and-how/http://encosia.com/2010/10/05/using-external-templates-with-jquery-templates/

Bueno, no está funcionando para mí. Si tengo el código de la plantilla en la página, funciona bien, pero la carga remota no funciona para mí. Parece que la plantilla se está recuperando bien. ¿Que esta mal aquí?

Plantilla externa:

<script id="contactsTemplate" type="text/x-jquery-tmpl">
  <table class="contacts">
    <thead><tr><td class="ui-helper-hidden">Id</td><td>Name</td><td>City</td><td>State</td></tr></thead>
    <tbody>
    {{each contact}}
        {{tmpl($value) '#contactTemplate'}}
    {{/each}}
    </tbody>
  </table>
</script>

<script id="contactTemplate" type="text/x-jquery-tmpl">
    <tr><td class="ui-helper-hidden">${id}</td><td>${name}</td><td>${city}</td><td>${state}</td></tr>
</script>

En mi página estoy usando este código para recuperar y cargar la plantilla:

var contacts = {
    contact: [
        { id: 1, name: "John Green", city: "Orange Beach", state: "AL" },
        { id: 2, name: "Sam Thompson", city: "Pensacola", state: "FL" },
        { id: 3, name: "Mary Stein", city: "Mobile", state: "AL" }
    ]
};

$("#ShowDataRemote").button().click(function() {
    $.get('templates/Contact.htm', function(template) {
        alert(template);
        $.tmpl(template, contacts).appendTo("body");
        alert("async done");
    });
});

Actualizar:

Una nueva publicación de blog sobre Encosia explica esta pregunta y respuesta ...

http://encosia.com/2010/12/02/jquery-templates-composite-rendering-and-remote-loading/