dievardump

var template = '(div[id=menu, class={menu.menuclass}]>ul>li[class={menu.itemclass}, html={title}, map={menu.items}])+(div[class=body]>div[class=content]>p[html={maincontent}])',
	data = {
		maincontent: 'foo bar',
		menu: {
			menuclass: 'menu',
			itemclass: 'menu-item',
			items: [
				{ title: 'first entry' },
				{ title: 'second entry' },
				{ title: 'third entry' },

dievardump

$('body').append('<style>@-moz-keyframes myEffingAnimation {	25%  { -moz-transform: rotate(-360deg) scale(4); }	50%  { -moz-transform: rotate(0) scale(1); }	75% { -moz-transform: rotate(360deg) scale(4); }	100% { -moz-transform: rotate(0) scale(1); }}@-webkit-keyframes myEffingAnimation {	25%  { -webkit-transform: rotate(-360deg) scale(4); }	50%  { -webkit-transform: rotate(0) scale(1); }	75% { -webkit-transform: rotate(360deg) scale(4); }	100% { -webkit-transform: rotate(0) scale(1); }}@-ms-keyframes myEffingAnimation {	25%  { -ms-transform: rotate(-360deg) scale(4); }	50%  { -ms-transform: rotate(0) scale(1); }	75% { -ms-transform: rotate(360deg) scale(4); }	100% { -ms-transform: rotate(0) scale(1); }}@-o-keyframes myEffingAnimation {	25%  { -o-transform: rotate(-360deg) scale(4); }	50%  { -o-transform: rotate(0) scale(1); }	75% { -o-transform: rotate(360deg) scale(4); }	100% { -o-transform: rotate(0) scale(1); }}@keyframes myEffingAnimation {	25%  { transform: rotate(-360deg) scale(4); }	50%  { transform: