jquery-template.js

$.template = function (templateName, data) {
    var htmlSplits = $('script[type="text/html"][data-name="' + templateName + '"]').html().split(/\!\{[ ]*(.+?)[ ]*\}/g);
    var render = function (props) {
        return function (tok, i) { return (i % 2) ? props[tok] : tok; };
    };
    if (data) {
        htmlSplits = htmlSplits.map(render(data));
    }
    return htmlSplits.join('');
};

/*
Usage:
<script type="text/html" data-name="hello-world">
    <div class="sample" data-key="!{ key }">
        Hello, World!!
    </div>
</script>
<script>
    var html = $.template("hello-world", { key: 1 });
    console.log(html);
</script>
*/