app.js
//after that dynamically generated string is attached as inner html property of '.tbl_user_data'

after that dynamically generated string is attached as inner html property of '.tbl_user_data'
after that dynamically generated string is attached as inner html property of ' . tbl_user_data '
function createGrid(obj) {
  var tbl = '';
  tbl += '<table class="table table-hover">';
  tbl += '<thead>';
  tbl += '<tr>';
  tbl += '<th>ID</th>';
  tbl += '<th>Task</th>';
  tbl += '<th>Creation Time</th>';
  tbl += '<th>Save</th>';
  tbl += '<th>Delete</th>';
  tbl += '</tr>';
  tbl += '</thead>';
  tbl += '<tbody>';
    for(var i = 0; i < obj.length; i++){
    var row_id = obj[i].taskId;
    tbl += '<tr row_id="' + row_id + '">';
    tbl += '<td><div>' + obj[i].taskId + '</div></td>';
    tbl += '<td><div class="row_data"  col_name="taskcol">' + obj[i].task + '</div></td>';
    tbl += '<td><div>' + obj[i].created_at + '</div></td>';
    tbl += '<td>';
    tbl += '<span class="btn_edit" > <a href="#"  row_id="' + obj[i].taskId + '" > Save change</a> </span></td>';
    tbl += '<td><span class="btn_delete" > <a href="#"  row_id="' + obj[i].taskId + '" > Delete</a> </span></td>';
    tbl += '</tr>';
  }
  tbl += '</tbody>';
  tbl += '</table>';
 $('.tbl_user_data').html(tbl);
}
function createGrid ( obj ) { var tbl = '' ; tbl += '<table class="table table-hover">' ; tbl += '<thead>' ; tbl += '<tr>' ; tbl += '<th>ID</th>' ; tbl += '<th>Task</th>' ; tbl += '<th>Creation Time</th>' ; tbl += '<th>Save</th>' ; tbl += '<th>Delete</th>' ; tbl += '</tr>' ; tbl += '</thead>' ; tbl += '<tbody>' ; for ( var i = 0 ; i < obj . length ; i ++ ) { var row_id = obj [ i ] . taskId ; tbl += '<tr row_id="' + row_id + '">' ; tbl += '<td><div>' + obj [ i ] . taskId + '</div></td>' ; tbl += '<td><div class="row_data"  col_name="taskcol">' + obj [ i ] . task + '</div></td>' ; tbl += '<td><div>' + obj [ i ] . created_at + '</div></td>' ; tbl += '<td>' ; tbl += '<span class="btn_edit" > <a href="#"  row_id="' + obj [ i ] . taskId + '" > Save change</a> </span></td>' ; tbl += '<td><span class="btn_delete" > <a href="#"  row_id="' + obj [ i ] . taskId + '" > Delete</a> </span></td>' ; tbl += '</tr>' ; } tbl += '</tbody>' ; tbl += '</table>' ; $ ( '.tbl_user_data' ) . html ( tbl ) ; }
after that dynamically generated string is attached as inner html property of '.tbl_user_data'
after that dynamically generated string is attached as inner html property of ' . tbl_user_data '
//create table header 
 //create table body with object collection
 //loop through existing local storage
