title: Outputting JSON content to a page
body: <p>I have some code that is looking through a JSON file and needs to then export names from the the file into numbered divs;</p>
  <pre><code>$(data).each(function(i, el){
      var get_firstName = data[i].firstName;
      var nameItem = i+1;
      var outPutId = '#name-' + nameItem;
                                  
      $(outPutId).html(get_firstName);
                  
      console.log(outPutId);
      console.log(get_firstName);
  });
  </code></pre>
  <p>And the HTML:</p>
  <pre><code>&lt;div id=&quot;#name-1&quot;&gt; &lt;/div&gt;
  &lt;div id=&quot;#name-2&quot;&gt; &lt;/div&gt;
  </code></pre>
  <p>What I see in the console logs seems to be correct, outputting '#name-1' followed by 'John' and then the next entry, etc.
  However, the divs on the page remain empty.</p>