Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
</head>
<body>
<script>
$(document).ready(function () {
//works in chrome, safari, opera
var db=null;
db = window.openDatabase("MyDb", "1.0", "my database", 1024*1024*3);
db.transaction(function(tx){
tx.executeSql("SELECT id, country, city FROM MYTABLE", [],
function(SQLTransaction, data){
for(var i=0; i < data.rows.length;i++) {
var row = data.rows.item(i);
$("#id").text(row["id"]);
$("#country").text(row["country"]);
$("#city").text(row["city"]);
}
});
});
});
</script>
<div id="id"></div></br>
<div id="country"></div></br>
<div id="city"></div></br>
<div id="output"></div>
</body>
</html>
The most helpful JQUERY solutions