Javascript-форум - JQuery не изменяет исходный html код

На страничке есть таблица где у ячеек есть свой id и class.

<table id="mytable" border="1" CELLSPACING="0" CELLPADDING="1" BGCOLOR=#F0F0F0>
<tbody>
<tr>
<td id="cell_1" class="column_1" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>1</td>
<td id="cell_2" class="column_2" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>2</td>
<td id="cell_3" class="column_3" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>3</td>
<td id="cell_4" class="column_4" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>4</td>
</tr>
<tr>
<td id="cell_5" class="column_1" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>1</td>
<td id="cell_6" class="column_2" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>2</td>
<td id="cell_7" class="column_3" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>3</td>
<td id="cell_8" class="column_4" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>4</td>
</tr>
</tbody>
</table>

Стала задача добавлять строки таблицы. Нашел вот такой скрипт:

function addTableRow(jQtable)
  {
    jQtable.each(function()
      {
        var tds = '<tr>';
        jQuery.each($('tr:last td', this), function() 
          {
            tds += '<td id="123" class="column_1" width="70" align="right" bgcolor="#FFFFFF">'+$(this).attr('id')+'</td>';
          });
        tds += '</tr>';
          if($('tbody', this).length > 0)
            {
              $('tbody', this).append(tds);
            }
          else 
            {
              $(this).append(tds);
            }
      });
  }

С ним проблем нет. Он добавляет строки и всё хорошо, но! В другом скрипте я при клике на ячейку изменяю её содержимое. С теми ячейками которые есть изначально проблем нет, но когда я пытаюсь редактировать ячейки которые дописались путём js ничего не происходит. Долго рылся в коде и понял что редактировать я могу только ячейки которые описаны в исходном коде, тоесть ту таблицу что выше.
Вобщем суть проблемы: js добавляет строки таблицы, но исходный код не изменяется. Помогите студенту решить проблему, буду очень благодарен за помощь.