Untitled

<!DOCTYPE html>
<html>
	<head>
	<title>Title</title>

	<meta name="viewport" content="width=device-width; initial-scale=1.0;" />


<meta name="apple-mobile-web-app-capable" content="yes" />

<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />


	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!--	<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>

<script type="text/javascript">


jQuery(function($) {
  //always include jquery code in $(document).ready(){ your javascript here} loads faster
setInterval(function() {
//apologies... i didn include setInterval() function
    $.getJSON('list.php', function(json) {
//assuming list.php resides with list.html directory
		//console.log(json)
console.log(json[0].key1);
console.log(json[0].key2);

});
}, 15000); //request list.php every 15 seconds
});


</script>
</head>
<body>

<div data-role="page">

<div data-role="header" data-position="inline">
    <h1>Title</h1>
</div>

    <div data-role="content">

    <div id="myDiv" data-role="collapsible" data-theme="b" data-content-theme="d" data-collapsed="true"></div>

</div>


</div>
</div>

</body>
</html>