title: Getting values from a table in html using jQuery
body: <p>I am trying to get the values for Date1 Date2 Date3 Date4 for each of the rows so rows would be equal to an array [],
  and rows[0] would be [3,3,4,6] and rows[1] would be [93.9,99,98.9,99]...</p>
  
  <p>see JS Fiddle here 
  <a href="http://jsfiddle.net/HLhT4/1/" rel="nofollow">http://jsfiddle.net/HLhT4/1/</a></p>
  
  <pre><code>$(function() {
    var $table = $("#work_table"),
        $headerCells = $table.find("th"),
        $rows = $table.find("tr tr");
  
    var headers = [],
        rows = [];
  
      $headerCells.each(function(k,v) {
       headers[headers.length] = $(this).text();
    });
  
    $rows.each(function(row,v) {
      $(this).find("td").each(function(cell,v) {
        if (typeof rows[cell] === 'undefined') rows[cell] = [];
        rows[cell][row] = $(this).text();
      });
    });
  
    console.log(headers);
    //console.log(rows);
    alert(headers);
    alert(rows);
  });
  </code></pre>
  
  <p>I already have the headers. </p>
  
  <p>Note: maybe I need to change the class and id attributes.</p>