ниже простой вывод в html строку
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
<script>
$(function(){
var data = {
"note1": {
"title": "Singular sensation",
"text": "Beady little eyes",
"date": "Little birds pitch by my doorstep",
"comments": 1
},
"note2": {
"title": "Singular sensation34",
"text": "Beady li54ttle eyes",
"date": "Little 65birds pitch by my doorstep",
"comments": 2
}
};
var htmlStr = '<ul>'; // здесь формируем html
$.each(data, function(key, val) {
htmlStr += '<li>' + key;
htmlStr += '<ul>';
$.each(val, function(key, val) {
htmlStr += '<li>' + key + ': ' + val + '</li>';
});
htmlStr += '</ul>';
htmlStr += '</li>';
});
htmlStr += '</ul>';
$('body').html(htmlStr);
});
</script>
</head>
<body></body>
</html>