title: Appending data to the specific table cell - jQuery
body: <p>I have some issue with jQuery TimeTable, I have created a table like</p>
  
  
              
                  
              
              
                  Monday
              
              
                  Tuesday
              
              ...... upto saturday
              ......
  
  
  <p>From and To are two dropdown lists, with this am allocatting the timings for these days,like</p>
  
  <pre><code>    var totalCol += 1;
  $("#tabTimetable &gt; tbody &gt; tr:gt(0)").append("&lt;td class='timetableslot " + totalCol + "' onclick='selTimeSlot(this);'&gt;&lt;/td&gt;");
  </code></pre>
  
  <p>If I click a particular cell it will ask the Section Name and StaffIncharge in a textbox, here StaffInCharge is a autocomplete box, in the selected item event am binding the data in that particular cell. I can get the CurrentRow and CurrentColumn like</p>
  
  <pre><code>currentCol = $(objCol).parent().children().index($(objCol));
  currentRow = $(objCol).parent().parent().children().index($(objCol).parent());
  </code></pre>
  
  <p>and I have the data to be displayed as</p>
  
  <pre><code>var data = "&lt;div class='timetableslotselected'&gt;&lt;table width='100%'&gt;&lt;tr&gt;&lt;td align='right'&gt;&lt;div class='close16' onclick='removeItem(" + timetable[i].Row + "," + timetable[i].Col + ",event)' /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;img src='" + timetable[i].Photo + "' width='32px' height='32px'/&gt;&lt;/td&gt;&lt;td&gt;" + timetable[i].Name + " ( " + timetable[i].ItemName + " )&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt; ";
  </code></pre>
  
  <p>I need to bind this "data" to that particular cell...I dunno how to do this...is it possible to bind like</p>
  
  <pre><code>$("#tabTimetable")[currentRow][currentCol].append(data);
  </code></pre>