[Михаил1]

Здраствуйте у меня такая задача есть много таблиц с двумя ячейками:

<table border="1" width="100%">
	<tr>
		<td>Текст 1</td>
	</tr>
	<tr>
		<td><span class="button">Добавить</span></td>
	</tr>
</table>

<table border="1" width="100%">
	<tr>
		<td>Текст 2</td>
	</tr>
	<tr>
		<td><span class="button">Добавить</span></td>
	</tr>
</table>

...

<table border="1" width="100%">
	<tr>
		<td>Текст n</td>
	</tr>
	<tr>
		<td><span class="button">Добавить</span></td>
	</tr>
</table>

требуется написать код который после события onclick компонента span который находится во второй ячейке добавлял текст который находится в первой ячейке в компонент div я пробовал так:

window.onload = function(){
n=0;
while (document.getElementsByTagName('table')[n]){
obj=document.getElementsByTagName('table')[n].getElementsByTagName('td');
obj[1].getElementsByTagName('span')[0].onmousedown = function(){
document.getElementById('mdiv').innerHTML += obj[0].innerHTML;
}
}
}

Но скрипт работает неправильно поскольку добавляет после клика по span всегда текст который находится в первой ячейке последней талице.
Что делать???