title: Populate data from an array into an html table
body: <p></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;body&gt;      
    &lt;!-- begin template --&gt;
    &lt;div class="dataTable_wrapper"&gt;
      &lt;table class="table table-striped table-bordered table-hover" id="dataTables-example"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;Name&lt;/th&gt;
            &lt;th&gt;Relevant Tag Info&lt;/th&gt;
            &lt;th&gt;Rating&lt;/th&gt;
            &lt;th&gt;Track&lt;/th&gt;
            &lt;th&gt;Edit&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;    
          &lt;tr class="odd gradeX"&gt;
            &lt;td&gt;James Bond&lt;/td&gt;
            &lt;td&gt;Relevant Tag Info&lt;/td&gt;
            &lt;td&gt;4 Stars&lt;/td&gt;
            &lt;td class="center"&gt;Track&lt;/td&gt;
            &lt;td class="center"&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I am trying to grab data from </p>
  
  <pre><code>var dResponse = [{"user_id":"1","user_firstname":"Mark","user_lastname":"Woo","user_latitude":"37.7902","user_longitude":"-122.458"}, {"user_id":"2","user_firstname":"Hualong","user_lastname":"Chen","user_latitude":"37.7285","user_longitude":"-122.438"},{"user_id":"3","user_firstname":"TFirst","user_lastname":"TLast","user_latitude":"37.7401","user_longitude":"-122.492"},{"user_id":"4","user_firstname":"Zishan","user_lastname":"Budhwani","user_latitude":"37.7298","user_longitude":"-122.47"},{"user_id":"5","user_firstname":"ibian","user_lastname":"hodgson","user_latitude":"37.8014","user_longitude":"-122.427"},{"user_id":"6","user_firstname":"Amos","user_lastname":"Munoz","user_latitude":"37.7367","user_longitude":"-122.439"},{"user_id":"7","user_firstname":"Brennan","user_lastname":"Ramos","user_latitude":"37.7624","user_longitude":"-122.435"},{"user_id":"8","user_firstname":"Cole","user_lastname":"Lott","user_latitude":"37.7607","user_longitude":"-122.462"},{"user_id":"9","user_firstname":"Slade","user_lastname":"Strickland","user_latitude":"37.796","user_longitude":"-122.451"},{"user_id":"10","user_firstname":"Isaiah","user_lastname":"Gibbs","user_latitude":"37.7536","user_longitude":"-122.464"}];
  </code></pre>
  
  <p>and assign each piece of data into its correct category. </p>
  
  <p>Example:    User_id:1 should create the first user with firstname,last name, lat, and long. </p>
  
  <p>Will look like:</p>
  
  <p>First Name:     Last Name:       Latitude:          Longitude:</p>
  
  <p>Mark              Woo              37.7902             -122.458</p>