example

gistfile1.js

var render = function(template, context) {

		var chez, divm = template.replace(/-.*$/, "");

		if( typeof context === "function") {
			switch(true) {
				case (context.toString().indexOf("playlists") > 0):
					$.when(context()).then(function(data) {
						$(divm).link(data, template).listview();
						$(template).template();
						$(divm).render();
						$(divm).trigger('create');

						$('#main').show();
						$('#loader').hide();
					});
					break;
			}
		} else {
			
			$(divm).link(context, template);
			$(template).template("ref");
			$(divm).trigger('create');

		}
		$.mobile.silentScroll(0);
		$.mobile.hidePageLoadingMsg();
	};

	//init the app, load all the basics first, then on to specialized things
	$(document).live('pagebeforecreate', function(event) {
		$.mobile.loadingMessage = "Loading Khan Academy Content";
		if(event.target.id === "about") {
			$('#main').page();
			$('#contentmain').hide();
			$('#contentleft').hide();
		}
		if(event.target.id === "main") {
			//console.log("rendering templates...");

			render('#header-template', {
				title : ""
			});

			render('#leftbar-template', {
				list : "list"
			});

			render('#contentmain-template', {
				content : ""
			});

			render('#contentleft-template', function() {
				var dfd = new $.Deferred();
				arequest.playlists(dfd);
				return dfd.promise();
			});
			render('#footer-template', {
				footer : "KABook"
			});
		}
	});