Javascript-форум - Не могу получить данные методом data

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<title>Документ без названия</title>
 <script language="JavaScript">
$(document).ready(function(){
	infoUp=new Array();
	infoDown=new Array();
 $("#pointer_div").mousemove(function(event) {
  $("#pos").text("Текущая позиция мыши " +  event.pageX + ", " + event.pageY );
 });
 // по клику показать точки нажития
 $("#upArea").click(function(event){
		alert($("#up").data('coordPoint'));	
});
 $("#downArea").click(function(event){
		alert($("#down").data('coordPoint'));		
});
$("#pointer_div").click(function(event){
	var temp=new Array();
	temp.push(event.pageX,event.pageY);
	if(event.pageY<150)
	{
		infoUp.push(temp);
		$("#up").data("coordPoint",infoUp );
	
	}else{
		infoDown.push(temp);
		$("#down").data("coordPoint",infoDown );
	
	}
 });
});

 </script>
</head>

<body>
 <form style="">
 <input id="upArea" type="button" value="Показать верхние"  />
 <input id="downArea" type="button" value="Показать нижние"  />
  <label id="pos"></label>
 </form>
 <div id="pointer_div" style=" width:100%; height:200px; position:relative; margin-top:15px;" >
  <div id="up" style=" width:100%; height:100px; position:absolute; border:2px solid black;" ></div>
  <div id="down" style=" width:100%; height:100px; position:absolute; margin-top:100px; border:2px solid black;" ></div>
</div>

</div>
</body>
</html>

По нажатию на кнопку должна считывать инфа из переданного мной coordPoint, и показывать сообщение с координатыми, но этого почему то не происходит, в fire bug видно что coordPoint добавляется

Нужно было быть внимательней и там где у меня стояло <input NAME="upArea" type="button" value="Показать верхние" />NAME поменять на ID и все заработало.