How to merge selected table cells on button click using j query.

How to merge selected table cells on button click using j query.

  2. I have created a dynamic table and selecting the table cells using j query. Now i want to merge the selected table cells on button click. How can  i do this.

  4. Thanks, Regards.

  6.         function CreateTable() {

  8.             var rowCtr;
  9.             var cellCtr;
  10.             var rowCnt;
  11.             var cellCnt;

  13.             var myTableDiv = document.getElementById("myDynamicTable");

  15.             var table = document.createElement('Table');
  16.             table.border = '1';
  17.             table.id = 'myTable';

  19.             var tableBody = document.createElement('Tbody');
  20.             table.appendChild(tableBody);

  22.             rowCnt = document.getElementById('txtrows').value;
  23.             cellCnt = document.getElementById('txtcols').value;

  25.             for (var rowCtr = 0; rowCtr < rowCnt; rowCtr++) {
  26.                 var tr = document.createElement('tr');
  27.                 tableBody.appendChild(tr);

  29.                 for (var cellCtr = 0; cellCtr < cellCnt; cellCtr++) {
  30.                     var td = document.createElement('td');
  31.                     td.width = '120';
  32.                     td.appendChild(document.createTextNode("Row:" + rowCtr + " Column:" + cellCtr));
  33.                     tr.appendChild(td);
  34.                 }
  35.             }
  36.             myTableDiv.appendChild(table);

  38.             $(document).ready(function () {
  39.                 $('#myTable td').click(function () {

  41.                     var selected = $(this).hasClass('highlited');
  42.                     $('#myTable tr').removeClass('highlited');

  44.                     if (!selected)
  45.                         $(this).addClass('highlited');
  46.                 });
  47.             });
  48.         }

  50.