unable to capture a row–Please help

HI,
I am fairly new to programming. From 2 days I am struggling to get this.
we have a data table and I want to get a cell data in that datatable and therefore I am invoking a js on a button clilck
My script is

function geocodeLevelHighlight(){
var candidateTableFirstRow =
document.getElementById(‘candidateList’).rows[0].cells;
alert(candidateTableFirstRow[1].innerHTML);
}

and source(from view->source) of the data table looks like

<table id=”_id10:panelTabSetCpg:candidateList” rows=”5″>
<thead>
<tr>
<th><span>Source</span></th>
<th><span>Name</span></th>
</tr>
</thead>
<tbody>
<tr id=”_id10:panelTabSetCpg:candidateList:0″>
<td><span>Original</span></td>
<td><span>XYZ</span></td>
</tr>
</tbody>
</table>

ANy help is highly appreciated.
Thanks in advance.

Also in #JavaScript _↴