How to display the result separately?

Question

JavaScript

good time of day). There is JS:

$(document).ready(function() {
$.ajax({
url: "data.json",
dataType: "text",
success: function(data) {

var json = $.parseJSON(data);
$.each(json, function(key,value) {
document.write('<div id="post">' + value.name + '</div>');
}); 
 }
});
});

And JSON:

{"post1":{"name":"Hello!","rating":1,"img":"/p1.jpg"},"post2":{"name":"Launch new service","rating":1,"img":"/p2.jpg"}}

As you can see from the JS, the name of all posts is read and put into one div, as a result we get in #post:

Hello!Launch new service

Is there any way to get this out separately? That is, post1 is in its own div, and post2 is in another div.

Answer 1

jsfiddle.net/QW01_01/44rgqLg6