get exact cell clicked in nested html table

get exact cell clicked in nested html table

In one of my pages, I am using an example of editable html table from this
link:
http://mrbool.com/how-to-create-an-editable-html-table-with-jquery/27425,
which works without any issues and when I click on a cell in the table, it
changes it to text box.
However, I had to change the layout of my page where, I had to place the
sample mentioned above within another html table (nested).
Now the problem is when I click on the cell, it does not identify the
child table, which has the data and I want to click but it clicks on the
cell of the parent table, which in this case is the parent table, and
holds 2 different tables.
So, what I want you help with is:
Get a method to identify the cell of the child table when it is clicked
Or
Some way so align two tables on my page to be aligned side by side.
Currently I am using the parent table to align my other 2 tables to sit
side by side.
if the second option is easier to achieve then, I don't have to change much.
Any suggestions?
Thanks, Navin