title: add a div inside a td jquery
body: <p>I want to add a div inside a td.</p>
  
  <p>My td before </p>
  
  <pre><code>&lt;td&gt;Fiction&lt;/td&gt;
  </code></pre>
  
  <p>After i write code </p>
  
  <pre><code>var cell =  getCell(indexRow + 1, colIndex);
  var wrap = $('&lt;div/&gt;').attr('id', 'container');
  
  cell.append(wrap);
  </code></pre>
  
  <p>Now it becomes</p>
  
  <pre><code>&lt;td&gt; Fiction [object Object] &lt;/td&gt;
  </code></pre>
  
  <p>javascript</p>
  
  <pre><code>function getCell(row, col){
  
      var currentRow = $('#MapDetails tr')[row];
      var cell = $(currentRow).find('td')[col];
  
      return cell;
  }
  </code></pre>