pure/gist:868069

## gistfile1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; 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>
	<div id="template">
		<p></p>
		<ul>
			<li>
				<span class="name"></span> - <span class="price"></span>
			</li>
		</ul>
	</div>
	<script>
		var data = {
				hotel:{
					name:'Good Night',
					roomCategories:[
					{
						name:'Standard',
						price:150
					},{
						name:'Deluxe',
						price:200
					}]
				}
			},
			dir = {
				p:'hotel.name',
				li:{
					'category<-hotel.roomCategories':{
						'span.name':'category.name',
						'span.price':'category.price'
					}
				}
			};

		$('#template').render(data, dir);
	</script>
</body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">

	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; 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>
	<div id="template">
	<p></p>
	<ul>
	<li>
	<span class="name"></span> - <span class="price"></span>
	</li>
	</ul>
	</div>
	<script>
	var data = {
	hotel:{
	name:'Good Night',
	roomCategories:[
	{
	name:'Standard',
	price:150
	},{
	name:'Deluxe',
	price:200
	}]
	}
	},
	dir = {
	p:'hotel.name',
	li:{
	'category<-hotel.roomCategories':{
	'span.name':'category.name',
	'span.price':'category.price'
	}
	}
	};

	$('#template').render(data, dir);
	</script>
	</body>
	</html>