<html>
<head>
<title>example</title>
</head>
<body>
<div id="readeroutstandingbooks"></div>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
data = {
'd1': {content: 1},
'd2': {content: 2},
'd3': {content: 3},
'd4': {content: 4},
'd5': {content: 5}
};
p = 0;
for(var c in data){
p++;
d = data[c];
$('<p style="margin-left:35px"><span id="booksout'+p+'">'+d.content+'</span></p>').appendTo('#readeroutstandingbooks');
}
</script>
</body>
</html>