jQuery template rendering
<p>I was trying to populate a jQuery template and append the result into a div, but I am getting an error. I just do not understand where the flaw is in my code. Can anyone rectify it? I am using jQuery version 1.4 (<strong>jquery-1.4.1.min.js</strong>).</p>

<p>Here is my full code:</p>

<hr>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
&lt;style type="text/css"&gt;
.no_results
{
    width:547px;
    height:50px;
    overflow: hidden;
    text-align: center;
    margin-top: 25px;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;  
    display:table-cell; 
    vertical-align:middle;
    background:none repeat scroll 0 0 #FFFFE0;
    border:1px solid #FFC978;
}
&lt;/style&gt;

&lt;script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function () {
var srchterm = 'Hello Sam';
var markup = "&lt;ul&gt;&lt;li&gt;&lt;div class='no_results'&gt;&lt;span&gt;No results found for [${Name}] &lt;/span&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;";

$("#showBtn").click(function () {
$("#SearchData").empty();
$.tmpl("movieTemplate", srchterm).appendTo("#SearchData");
});
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form id="form1" runat="server"&gt;
&lt;asp:Button ID="showBtn" runat="server" Text="Change" /&gt;&lt;br /&gt;&lt;br /&gt;
&lt;div id="SearchData"&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
