Template file, and compiled into a function

compiled.js

View.$cache["tasks"]= function(obj){
	var p=[],
		print=function(){
			p.push.apply(p,arguments)
		};
	with(obj){
		p.push('<form action="" method="post"><label><input type="text" name="title" placeholder="Task title..." /></label><button type="submit">Add Task</button></form><ul id="TasksList">');
		tasks.each(function(t){
			p.push('<li class="task ', t.identity(), '"><span class="title">', t.get("title"), '</span><a href="#" class="delete">Delete</a></li>')
		});
		p.push("</ul>")
	}
	return p.join("")
};

tasks.html

<form action="" method="post">
	<label>
		<input type="text" name="title" placeholder="Task title..." />
	</label>
	<button type="submit">Add Task</button>
</form>
<ul id="TasksList">
<% tasks.each(function(t) { %>
	<li class="task <%=t.identity()%>">
		<span class="title"><%=t.get('title')%></span>
		<a href="#" class="delete">Delete</a>
	</li>
<% }); %>
</ul>