Javascript

<script type="text/javascript" charset="utf-8">
    //*********************************************************    
    // Device Capabilities
    //*********************************************************    
	function getDeviceInfo() {
        var contents  = addGridRow("a", boldLabel("Device Name:"));
        	contents += addGridRow("b", textFormat(device.name));
        	contents += addGridRow("a", boldLabel("Device Cordova"));
        	contents += addGridRow("b", textFormat(device.cordova));
        	contents += addGridRow("a", boldLabel("Device Platform:"));
        	contents += addGridRow("b", textFormat(device.platform));
        	contents += addGridRow("a", boldLabel("Device UUID:"));
        	contents += addGridRow("b", textFormat(device.uuid));
        	contents += addGridRow("a", boldLabel("Device Version:"));
        	contents += addGridRow("b", textFormat(device.version));

		$("#deviceProperties").empty();        	
        $("#deviceProperties").append(contents).trigger("create");
	}
</script>		

HTML 5/JQuery Mobile

<!---------------------------------- Main Page --------------------------------------->
<div data-role="page" id="main">
	<div data-role="header" data-position="fixed">
		<h1 id="appTitle"></h1>
	</div>
	<div data-role="content">	
	<ul data-role="listview" data-inset="true" data-filter="true">
		<li><a href="#deviceInfo" data-transition="slide" onclick="getDeviceInfo();">Device</a></li>
	</ul>
	</div>
</div>

<!---------------------------------- Device ------------------------------------------>			
<div data-role="page" data-add-back-btn="true" back-btn-text="back" id="deviceInfo">
	<div data-role="header">
		<h1>Device</h1>
	</div>
	<div data-role="content">
		<div id="deviceProperties" class="mesgBox ui-grid-a"></div>
	</div>
</div>