title: Printing a Json array in HTML with JQuery
body: <p>Is this the most efficient way to loop through json data and print a div block?</p>
  
  <p>Should I be concerned having this much HTML being appended with js? Right now my json array is only 10 items, but what if it was 150. I've been away from development for quite some time and a LOT has changed. I would greatly appreciate any direction, thanks in advance!</p>
  
  <p>Barry</p>
  
  <pre><code>$.getJSON('output.php', function(data) {
  
      $.each(data, function(key, val) {
  
          $("#winesFriends").append(function() {
                  return('&lt;div id="wineBlock"&gt;&lt;dl&gt;&lt;dd&gt;&lt;img src="img/sample_btl.jpg" alt="' + val.winery + ' - '+val.vintage+' '+val.varietal+' '+val.name+'"&gt;&lt;/dd&gt;&lt;dt&gt;' + val.winery + '&lt;/dt&gt;&lt;dd&gt;' + val.vintage + " " + val.name + '&lt;/dd&gt;&lt;/dl&gt;&lt;/div&gt;');  
          }); 
  
      });
  
  });
  </code></pre>