 <p>I think you may have a couple of issues here ...</p> <p>First I think your template call is non syntactically correct:</p> <pre><code>$("#tmplFeatures").tmpl(template1).appendTo("carouseldata"); </code></pre> <p>Should (according to the documentation) look like this:</p> <pre><code>$.tmpl( "tmplFeatures", template1).appendTo("carouseldata"); </code></pre> <p>But I'm not sure that you can pass HTML (template1) as the 'data' parameter for the <code>.tmpl()</code> method:</p> <p><a href="https://github.com/jquery/jquery-tmpl" rel="nofollow">https://github.com/jquery/jquery-tmpl</a></p> <p><strong>UPDATE</strong></p> <p>Looking more closely at your code above, it does not appear that you are passing any data to the <code>.tmpl()</code> call. It's not clear what the following line returns, but this should be the iterable data your template will be used to display.</p> <pre><code>var template1 = $(templates).filter("tmplFeatures").html(); </code></pre> <p>And this looks like (possibly) another representation of the template.</p>