title: Display json data to HTML file
body: <p>Just start practicing ajax using this fake api service. <a href="https://jsonplaceholder.typicode.com/" rel="nofollow noreferrer">JSONPlaceholder</a> </p>
  
  <p>But I'm confused with displaying data to html file. I just want to show data like this. </p>
  
  <p>Blog title: unt aut facere repellat provident occaecati excepturi optio reprehenderit (comes with jason file)</p>
  
  <p>Blog post: "quia et suscipit suscipit recusandae consequuntur expedita et cum reprehenderit molestiae ut ut quas totam nostrum rerum est autem sunt rem eveniet architecto" (comes with jason file)</p>
  
  <p>It has provided root </p>
  
  <pre><code>var root = 'https://jsonplaceholder.typicode.com';
  
  $.ajax({
    url: root + '/posts/1',
    method: 'GET'
  }).then(function(data) {
    console.log(data);
  });
  </code></pre>
  
  <p>How can I display data to html?</p>