we are using json links to retrieve data from database to display it in the jquery..
<html>
<title>Post Json</title>
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" src="jq.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<body>
<div data-role="page" id="page1">
<div data-theme="d" data-role="header">
<h3>
Header
</h3>
</div>
<div data-role="content">
<a id="but1" data-role="button" data-theme="d" href="#page1" data-icon="arrow-r"
data-iconpos="right">
Click
</a>
</div>
<div id="foot" data-theme="d" data-role="footer" data-position="fixed">
<h3>
Footer
</h3>
</div>
</div>
<script>
$("#but1").click(function(){
alert("Button Clicked");
$.getJSON("http://gdata.youtube.com/feeds/api/videos?q=surya&format=5&max-results=1&v=2&alt=jsonc&callback=?",
function(root){
$.each(root.data.items,function(i,item){
var s=item.title;
alert(s);
});
});
});
</script>
</body>
</html>