pure/gist:4721220

## gistfile1.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script src="http://github.com/pure/pure/raw/master/libs/pure.js"></script>
</head>
<body>
	<!-- main template -->
	<ul class="animals">
		<li></li>
	</ul>

	<!-- sub template -->
	<ol class="food">
		<li></li>
	</ol>

	<script>
		var data = {animals:[
				{name:'bird', food:['seed','worm']},
				{name:'cat', food:['mouse', 'bird']},
				{name:'dog', food:['meat', 'bone']},
				{name:'mouse', food:['cheese', 'books']}
			]},

			dirFood = {
				'li':{
					'food<-':{
						'.':'food'
					}
				}
			},
			//compile the sub template as a JS function
			foodCompiled = $p('.food').compile(dirFood),

			dirAnimals = {
				'li':{
					'animal<-animals':{
						'.':'animal.name',
						'.+':function(){
							//append to the current LI the subtemplate
							return foodCompiled( this.food );
						}
					}
				}
			};

		$('.animals').render(data, dirAnimals);
	</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title></title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script src="http://github.com/pure/pure/raw/master/libs/pure.js"></script>
	</head>
	<body>
	<!-- main template -->
	<ul class="animals">
	<li></li>
	</ul>

	<!-- sub template -->
	<ol class="food">
	<li></li>
	</ol>

	<script>
	var data = {animals:[
	{name:'bird', food:['seed','worm']},
	{name:'cat', food:['mouse', 'bird']},
	{name:'dog', food:['meat', 'bone']},
	{name:'mouse', food:['cheese', 'books']}
	]},

	dirFood = {
	'li':{
	'food<-':{
	'.':'food'
	}
	}
	},
	//compile the sub template as a JS function
	foodCompiled = $p('.food').compile(dirFood),

	dirAnimals = {
	'li':{
	'animal<-animals':{
	'.':'animal.name',
	'.+':function(){
	//append to the current LI the subtemplate
	return foodCompiled( this.food );
	}
	}
	}
	};

	$('.animals').render(data, dirAnimals);
	</script>
	</body>
	</html>