Verständnis Jquery template

Bin ich Lesen und versuchen zu verstehen, ein Jquery-template Beispiel.

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
  {{tmpl "titleTemplate"}}
  <tr class="detail"><td>Director: ${Director}</td></tr>

</script>

<table><tbody id="movieList"></tbody></table>

<script>
var movies = [
  { Name: "The Red Violin", Director: "François Girard" ,Producer : "ssss" },
  { Name: "Eyes Wide Shut", Director: "Stanley Kubrick" },
  { Name: "The Inheritance", Director: "Mauro Bolognini" }
];

/* Convert the markup string into a named template,
   referenced by the {{tmpl}} tag */
$.template( "titleTemplate", "<tr class='title'><td>${Name}</td></tr>" );

/* Render the movies data, using the named template as a nested template */
$( "#movieTemplate" ).tmpl( movies ).appendTo( "#movieList" );
</script>

In diesem Beispiel-Programm ich bin nicht in der Lage zu verstehen, etwa die:

/* Konvertieren Sie die markup-Zeichenfolge in eine named template,
wird durch den {{tmpl}} - tag */

wenn wir rufen:
$( "#movieTemplate" ).tmpl( Filme), es ruft die Vorlage auf, dass wir den Aufruf der template-Funktion mit der Eingabe von Filmen und Anhängen, die zu movieslistid

wenn ich den code entfernen

$.template( "titleTemplate", "<tr class='title'><td>${Name}</td></tr>" );

funktioniert es nicht. Können Sie bitte erklären, warum wir dies brauchen und was es hier macht, wie was funktioniert: /* Konvertieren Sie die markup-Zeichenfolge in eine named template, bedeuten und alles..

Versuchte ich readonline und festgestellt, dass ich nicht bekommen bin dies geklärt