hi , i am new in AJAX, i read from ajax in practice pdf, i followed the listing but the result i got is kinda not satisfy.. could you help me, here is the listing :

eg : client side ( hello1.html )
<title>Hello Ajax version 1</title>
<style type='text/css'>
* { font-family: Tahoma, Arial, sans-serif; }
#helloTitle{ color: #48f; font-size: 1.5em; }

<script type='text/javascript'
<script type='text/javascript'>
window.onload=function() {
document.getElementById('helloBtn').onclick = function() {
var name = document.getElementById('helloTxt').value;
new Ajax.Request("hello1.jsp?name = "+encodeURI(name), {
document.getElementById('helloTitle').innerHTML = xhr.responseText;
} );

<h1 id='helloTitle'>Hello, stranger</h1>
<p>Please introduce yourself by entering your name in the box below</p>
<input type='text' size='24' id='helloTxt'></input>&nbsp;
<button id='helloBtn'>Submit</button>

eg : server side (hello1.jsp)

<jsp:directive.page contentType="text/plain"/>
String name = request.getParameter("name");
Hello, <%=name%> siapa

--------------------------END -----------------------------

the result i got is :

<% String name = request.getParameter("name"); %> Hello, <%=name%>

that shoul be :
Hello, NAME