title: how to process json data through an .each loop into html table
body: <p>I am making an ajax get request that displays json data in a html table. I know how to do this with javascript, so I thought I'd try it with jquery.  There is a  problem in my <code>.each</code> loop. I am vague on how the arguments <code>(key, object)</code> process more than one key value pair in each position and suspect this is where my error lies.</p>
  
  <p>I have tried <code>JSON.parse</code>, but that didn't help. I am definitely getting the data as I can display it in an alert box. I suspect that what I'm doing is not industry standard and that there is a more elegant way to reach my objective.  </p>
  
  <pre><code>$("#button").click(function(){    
  
                    $.ajax({
                    type: 'get',
                    url: "http://www.adweb.agency/interview/api/animals",
                    data: {format: 'json'  },
                    dataType: 'json',
                    success: function(data){  
  
                          var i = 0;
                          var table = '&lt;table class="mainTable"&gt;&lt;tr&gt;&lt;th&gt;item&lt;/th&gt;&lt;th&gt;image&lt;/th&gt;&lt;th&gt;description&lt;/th&gt;&lt;/tr&gt;';
  
                                   $.each(data, function(key, object){ 
  
                                              table += ('&lt;tr&gt;');
                                              table += ('&lt;td&gt;' + data.Title + '&lt;/td&gt;');
                                              table += ('&lt;td&gt;&lt;img src="' + data.ImageURLs.Thumb + '"&gt;&lt;/td&gt;');
                                              table += ('&lt;td&gt;' + data.Description + '&lt;/td&gt;');
                                              table += ('&lt;/tr&gt;');
  
                                             });
  
                                       table += '&lt;/table&gt;'; 
  
                                      $('#tableContainer').html(table);
  
                                 }
  
                           });
  
                          });
  </code></pre>