title: Create HTML table in Javascript with JSON or jQuery
body: <p>I'm not any good at JavaScript (yet!) - I really need some help to get past this stuck point that is causing me lots of premature hair loss!</p>
  
  <p>I just can't seem to figure out how to build the following HTML code using JSON data. </p>
  
  <p><br>
  This is a sample of the JSON data that I have being generated for the new version of this page I'm working on:</p>
  
  <pre><code>[{"id":"1732","name":"1BR House","checkin":"2012-12-20","checkout":"2012-12-23","inclean_cleaner":"","inclean_datetime":"0000-00-00 00:00:00","inclean_notes":""},{"id":"1587","name":1BR House","checkin":"2012-12-23","checkout":"2013-01-01","inclean_cleaner":"","inclean_datetime":"0000-00-00 00:00:00","inclean_notes":""},{"id":"1661","name":"2BR Studio","checkin":"2012-12-25","checkout":"2013-01-02","inclean_cleaner":"","inclean_datetime":"0000-00-00 00:00:00","inclean_notes":""},{"id":"1829","name":"Studio Cottage","checkin":"2012-12-25","checkout":"2012-12-29","inclean_cleaner":"","inclean_datetime":"0000-00-00 00:00:00","inclean_notes":""},{"id":"1787","name":"Studio Cottage","checkin":"2012-12-29","checkout":"2013-01-08","inclean_cleaner":"","inclean_datetime":"2012-12-29 00:00:00","inclean_notes":""},{"id":"1843","name":"1BR House","checkin":"2013-01-07","checkout":"2013-01-19","inclean_cleaner":"","inclean_datetime":"0000-00-00 00:00:00","inclean_notes":""},{"id":"1970","name":"Studio Cottage","checkin":"2013-01-12","checkout":"2013-01-19","inclean_cleaner":"","inclean_datetime":"0000-00-00 00:00:00","inclean_notes":""},{"id":"1942","name":"Suite","checkin":"2013-01-15","checkout":"2013-01-20","inclean_cleaner":"","inclean_datetime":"0000-00-00 00:00:00","inclean_notes":""}]
  </code></pre>
  
  <p>To illustrate the HTML result I need, here is how I currently do it without JSON (strictly in PHP):</p>
  
  <pre><code>&lt;div class="'.$dashboard_list_line_class.'"&gt;
  &lt;div class="dashboard_list_unitname"&gt;&amp;nbsp;&lt;a href="add-edit.php?bookingID='.$booking_id.'"&gt;'.$unit_name.'&lt;/a&gt;&lt;/div&gt;
  &lt;div class="dashboard_list_cleaner_datetime"&gt;&amp;nbsp;&lt;a href="add-edit.php?bookingID='.$booking_id.'"&gt;'.$inclean_datetime.'&lt;/a&gt;&lt;/div&gt;
  &lt;div class="dashboard_list_cleaner_checkin"&gt;&amp;nbsp;&lt;a href="add-edit.php?bookingID='.$booking_id.'"&gt;'.$checkin.'&lt;/a&gt;&lt;/div&gt;
  &lt;div class="dashboard_list_cleaner_checkout"&gt;&amp;nbsp;&lt;a href="add-edit.php?bookingID='.$booking_id.'"&gt;'.$checkout.'&lt;/a&gt;&lt;/div&gt;
  &lt;div class="dashboard_list_cleaner_inclean_cleaner"&gt;&amp;nbsp;&lt;a href="add-edit.php?bookingID='.$booking_id.'"&gt;'.$inclean_cleaner.'&lt;/a&gt;&lt;/div&gt;
  &lt;div class="dashboard_list_cleaner_notes"&gt;&amp;nbsp;&lt;a href="add-edit.php?bookingID='.$booking_id.'"&gt;'.$inclean_notes.'&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br>
  What would the code look like in jQuery or JavaScript to grab the JSON, iterate though the arrays and create the same result as the PHP I have shown? I've been trying for hours, and get different results of puling data - but I just can't make it work.</p>
  
  <p>Thanks for your help!</p>