jquery - javascript array to table layout broken -

i have following code:

function test() {     var results = "";     var myarray = [];      myarray[0] = "thur may 09 2013 00:00:00 gmt+0100 (gmt daylight time)";     myarray[1] = "thur may 10 2013 00:00:00 gmt+0100 (gmt daylight time)";           myarray[2] = "thur may 10 2013 00:00:00 gmt+0100 (gmt daylight time)";      myarray[3] = "thur may 10 2013 00:00:00 gmt+0100 (gmt daylight time)";   results = "<table border='1'>";     (var = 0; < myarray.length; i+=2 )      {              results += "<td>dates</td>";          results += "<td>price</td>";          results += "<td>available?</td>";          results += "<tr><td>" + myarray[i+1] + "<tr><td>" + ( myarray[i+1]===undefined ? '' : myarray[i+1] )+ "</tr></td>";      }      results += "<table><br /> <br />";      var div = document.getelementbyid("associatedassets");     div.innerhtml = results;     } test(); 

i want following layout:

dates |  prices |  available 

i want code populate date values want empty rows populate user can manually input values.

here jsfiddle: http://jsfiddle.net/ze2bh/67/

try this: http://jsfiddle.net/rkaea/

basically table title needs out of loop. also; can use <td></td> empty cells.