Глупый вопрос по getElementsByName
 

Вот учусь и не понятно. Хочу чтоб при наведении курсором на первое слово появлялся текст в первой <textarea>, а если навести на второе слово то в другом <textarea>.

<div id="main">

	<form name="form1">
	
		<textarea name="txt1" cols="30" rows="5">
		
		</textarea>
		
		<textarea mame="txt2" cols="30" rows="5">
		
		</textarea>
	
	</form>
	<br>
	<ul id="ul1">
	
		<li onMouseOver="on('txt1','norm telefon');" onMouseOut="off('txt1');">google nexus</li>
		
		<li onMouseOver="on('txt2','ne norm telefon')" onMouseOut="off('txt2');">iPhone 5</li>
	
	</ul>

</div>

<style type="text/css">
#main
{
height:300px;
width:300px;
position: absolute;
left:50%;
top:50%;
margin-left:-150px;
margin-top:-150px;
background-color:grey;
border:solid;
border-width:1px;
border-color:black;
}
</style>

вот скрипт:

function on(name, text1){

	document.getElementsByName(name)[0].value=text1;

}

function off(name){

	document.getElementsByName(name)[0].value="";

}

в первое слово добавилось, а второе нет. Почему?

<textarea mame="txt2" cols="30" rows="5">

не заметил. Спасибо.