jquery template

HTML

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
    </head>
    <body>
        <!-- 
        http://api.jquery.com/tmpl/ 
        http://weblogs.asp.net/scottgu/archive/2010/05/07/jquery-templates-and-data-linking-and-microsoft-contributing-to-jquery.aspx
        -->
        <script id="contactTemplate" type="text/html"> 
            <tr>
              <td>Name: {{= Name }} </td>
              <td>Url: {{= Phone }} </td>
            </tr>
        </script>
        
        <table id="contactContainer"></table>
        <div id="log"></div>
        
        
    </body>
</html>

CSS

table, td {
  border-width: 2px;
}

JavaScript

//sample
var contacts = [{Name: "Foo", Phone: "2544"}, {Name: "Zoo", Phone: "3444"}];

$("#contactTemplate").tmpl(contacts).appendTo("#contactContainer");
//works only on dev

    $.getJSON("https://dev-auth.insuranceclaimcheck.com/ASC/_vti_bin/ListData.svc/RequiredSteps",
               {},
               function(data) {
                 $("#contactTemplate").tmpl(data.d.results).appendTo("#contactContainer");
               }
             );