Javascript: получить содержимое ячейки таблицы (внутри div)

У меня есть небольшая проблема с поиском идентификатора ячейки (и его содержимого). Основная таблица содержит несколько разделов, и каждый раздел содержит одну таблицу с несколькими ячейками. Что я хочу, чтобы отобразить ячейку с идентификатором content_xx, Мои таблицы выглядят так:

<table id="MainTable">                  // Main (global) table

<div id="divid_1">                     // First div in main table
<table id="InfoTable">                // First div's table
<td id="title_10">CellTitle</td>     // Cell #1
<td id="content_11">CellContent</td> // Cell #2

<div id="divid_2">                     // Second div in main table
<table id="InfoTable">                // Second div's table
<td id="title_20">CellTitle</td>     // Cell #1
<td id="content_21">CellContent</td> // Cell #2

// etc...
</table>

Функция для его поиска:

function FindContent(id)
{
t = document.getElementById("InfoTable").rows[0].cells.namedItem("content_"+id).innerHTML;
alert(t);
return;
}

У меня есть событие onclick, которое выполняет эту функцию. У меня работает только для первых InfoTable, но это не работает, когда я пытаюсь сделать то же самое на столе № 2 или дальше. Я получаю эту ошибку: TypeError: document.getElementById(...).rows[0].cells.namedItem(...) is null, Как я могу это исправить и почему это не работает? Это из-за row[0]? Если я изменю на row[1]Например, тогда это не работает вообще. Я могу изменить структуру HTML, но не полностью.