gistfile1.js

(function($) {

var tmpl = '';
tmpl += '<div class="ui-grid-b">';
tmpl += '<div class="ui-block-a" id=""><div class="ui-bar ui-bar-c" style="height:120px"><a href="#overview"  data-role="button" class="ui-btn-right" data-icon="delete">Overview</a></div></div>';
tmpl += '<div class="ui-block-b"><div class="ui-bar ui-bar-c" style="height:120px"><a href="#device"  data-role="button" class="ui-btn-right" data-icon="delete">Device</a></div></div>';
tmpl += '<div class="ui-block-c"><div class="ui-bar ui-bar-c" style="height:120px"><a href="#mapview" data-role="button" class="ui-btn-right" data-icon="delete">Map View</a></div></div>';

tmpl += '<div class="ui-block-a"><div class="ui-bar ui-bar-c" style="height:120px">A</div></div>';
tmpl += '<div class="ui-block-b"><div class="ui-bar ui-bar-c" style="height:120px">B</div></div>';
tmpl += '<div class="ui-block-c"><div class="ui-bar ui-bar-c" style="height:120px">C</div></div>';

tmpl += '<div class="ui-block-a"><div class="ui-bar ui-bar-c" style="height:120px">A</div></div>';
tmpl += '<div class="ui-block-b"><div class="ui-bar ui-bar-c" style="height:120px">B</div></div>';
tmpl += '<div class="ui-block-c"><div class="ui-bar ui-bar-c" style="height:120px">C</div></div>';

tmpl += '</div><!-- /grid-c -->';

$.template('foo',tmpl);


	$(window).bind('pagebeforeshow',function(evt){
		
		$('#device div.ui-scrollview-view').removeClass('ui-scrollview-view');
	});

	$(window).bind('pagebeforecreate',function(evt) {
		
		
		if(evt.target.id=='device') {
			console.log(evt);
		
			console.log($.tmpl('foo'));
			$.tmpl('foo').appendTo('#device .content-primary');
			console.log(jQuery('#device .content-primary'));
			
		}
		
	});

})(jQuery)