jQuery Templates

gistfile1.html

<script src="http://code.jquery.com/jquery.js" type="text/javascript"></script>
<!--Download tmpl "https://code.google.com/p/my-web-js/downloads/detail?name=jquery.tmpl.min.js&can=2&q="-->
<script src="jquery.tmpl.min.js" type="text/javascript"></script>
<script id="movieTemplate" type="text/x-jquery-tmpl">
    <li>
        <b>{{html Name}}</b>
        (<span style="color: Blue"> ${ReleaseYear}</span>) - Director: ${Director}
    </li>
</script>
<ul id="results"></ul>

<script id="movieTemplate2" type="text/x-jquery-tmpl">
    <li style="width: 100%; display: block; padding-left: 2px;">
        <b><a href="#">{{html Name}}</a></b> <a href="mailto:mail@gmail.com">${Director} ${ReleaseYear}</a>
    </li>
</script>
<ul id="results2"></ul>
<script type="text/javascript">
    var movies = [
    { Name: "The <strong style='color: red'>Red</strong> Violin", ReleaseYear: "1998", Director: "Francois Girard" },
    { Name: "Eyes Wide Shut", ReleaseYear: "1999", Director: "Stanley Kubrick" },
    { Name: "The Inheritance", ReleaseYear: "1976", Director: "Mauro Bolognini" }
    ];
    $("#movieTemplate").tmpl(movies)
    .appendTo("#results");

    $("#movieTemplate2").tmpl(movies)
  .appendTo("#results2");
</script>