title: How to render object to html with pure javascript/jquery
body: <p>How can I render JavaScript objects to HTML with pure JavaScript or jQuery?</p>
  <pre class="lang-js prettyprint-override"><code>data = {
    'this-is-title-123' : {
      title : 'this-is-title-123',
      content : 'Lorem ipsum dolor sit amet',
      date : '12.8.2009'
    },
    'this-is-title-456' : {
      title : 'this-is-title-456',
      content : 'the quick brown fox jumped',
      date : '18.2.2028'
    },
    'this-is-title-789' : {
      title : 'this-is-title-789',
      content : 'the jumped fox fell in a pit',
      date : '19.12.2020'
    }
  }
  </code></pre>
  <p>I want to convert it to HTML like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;
    &lt;h1&gt;this-is-title-123&lt;/h1&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet&lt;/p&gt;
    &lt;p&gt;12.8.2009&lt;/p&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;h1&gt;this-is-title-456&lt;/h1&gt;
    &lt;p&gt;the quick brown fox jumped&lt;/p&gt;
    &lt;p&gt;18.2.2028&lt;/p&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;h1&gt;this-is-title-789&lt;/h1&gt;
    &lt;p&gt;the jumped fox fell in a pit&lt;/p&gt;
    &lt;p&gt;19.12.2020&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>