Ajax :(

<html>

<head>
<script type="text/javascript">
function uyari()
{
var ad=document.getElementById("ad").value;
var soyad=document.getElementById("soyad").value;
alert (ad+" "+soyad);
}
</script>
</head>

<body>
<input type="text" id="ad" name="ad"/>
<input type="text" id="soyad" name="soyad"/>
<input type="button" onclick="uyari()" value="deneme"/>
</body>
</html>

Bu kodlar tek bir post.html sayfasında düzgün çalışırken, index.php içerisindeki divin içerisinde açıldığında çalışmıyor hata veriyor. document nesnesi ile alakalı bi işlem mi yapmamız gerekiyor. ?????