jQuery Templating - Associating data to template DOM elements

http://stackoverflow.com/questions/5918295/jquery-templating-associating-data-to-template-dom-elements

by rniemeyer

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/jquery.tmpl.js"></script>
<ul></ul>

<script id="clientTemplate" type="text/html">     
    <li>${name}
    </li> 
</script> 

<button onclick="test();">Who is #1</button>

JavaScript

var clientData = [
    { name: "Rey Bango", id: 1 },     
    { name: "Mark Goldberg", id: 2 },     
    { name: "Jen Statford", id: 3 } ]; 

$("#clientTemplate").tmpl(clientData).appendTo("ul"); 

function test() {
    var client = $("li").first().tmplItem().data;
     alert(client.id + " - " + client.name);   
}