jsRender

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>jsRender</title>
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//www.jsviews.com/download/jsrender.js"></script>
  <script id="template" type="text/x-jsrender">
    <div>
        <h2>{{:title}}</h2>
        <p>{{:body}}</p>
    </div>
  </script>
  <script src="main.js"></script>
</head>
<body>
  <div id="container"></div>
</body>
</html>

$(function(){
  var tmpl = $.templates("#template");
  var data = { title: "Hello World", body: "This is a simple demo." };
  var html = tmpl.render(data);
  $("#container").html(html);
});