title: How do I dynamically populate html elements with JSON Data with Javascript not jQuery?
body: <p>I have this following JSON data snippit:  </p>
  
  <pre><code>{"items": [
   {
     "title": "sample 1",
     "author": "author 1"
   },
   {
    "title": "sample 2",
    "author": "author 2"
   }
  ]}
  </code></pre>
  
  <p>How do I populate the following html elements with this data:  </p>
  
  <pre><code>&lt;div class="news-story"&gt;
   &lt;h5&gt;sample 1&lt;/h5&gt;
   &lt;p&gt;By: author 1&lt;/p&gt;
   &lt;h5&gt;sample 2&lt;/h5&gt;
   &lt;p&gt;By: author 2&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want accomplish this with Javascript not jQuery. </p>