title: Convert JSON to HTML: Uncaught TypeError: json.forEach is not a function
body: <p>I want to convert JSON to HTML to display it on website. I've googled, and this error occurs when when <code>json</code> is a string, and first I need to parse. But when I use <code>JSON.parse</code>, the console says it is already an object (<code>Unexpected token o in JSON at position 1</code>).</p>
  
  <pre><code>$(document).ready(function() {
    $("#getMessage").on("click", function() {  
      $.getJSON("http://quotes.rest/qod.json", function(json) {
        var html = "";
  
        json.forEach(function(val) {
          var keys = Object.keys(val);
  
          html += "&lt;div class = 'blabla'&gt;";
  
          keys.forEach(function(key) {
            html += "&lt;b&gt;" + key + "&lt;/b&gt;: " + val[key] + "&lt;br&gt;";
          });
  
          html += "&lt;/div&gt;&lt;br&gt;";
        });
  
        $(".message").html(html);
      });
    });
  });
  </code></pre>