Request Response Precisa ser dinâmico

Bom, depois de me estressar até com o São Google venho no Guj ver se acho uma luz…

Meu problema é o seguinte, em minha página jsp que contem um formulário existe um campo para preenchimento de destinatário, esse campo vai aceitar que eu digite ‘manualmente’ digamos e tambem tem do lado um botão pra pesquisar os destinatários já cadastrados. Esse botão abre um dialog com outro form que realiza um filtro nesses destinatarios, no caso se eu quero todos os guilhermes que ja foram cadastrados eu posso filtrar… o meu problema é que quando eu tento fazer a filtragem, o submit do nome que eu digitei para filtrar e a response pra trazer os destinatários já cadastrados não funcionam como eu queria, a tela realiza um refresh e eu tenho que abrir o dialog de novo pra poder ver a lista…

Não sei se me fiz claro mas vamos aos fontes:

Página JSP
cód dialog

 $(function() {
	      		  $("#diRemetente").dialog({
				bgiframe: true,
				autoOpen: false,
				height: 430,
				width: 470,
				resizable: false,
				draggable: false,
				modal: true,
				buttons: {}
			});
<!-- DIALOG PARA PESQUISA DE REMETENTE -->
		<div id="diRemetente" title="Consulta de Remetente">
			<fieldset>
				<label style="font-size: small;">Matrícula</label> <input type="text" name="matrRemetente" id="matrRemetente" size="18%" style="margin-left: 8px;" />
				<br />
				<label style="font-size: small;">Nome</label> <input type="text" name="nomeRemetente" id="nomeRemetente" size="40%" style="margin-left: 35px;" />
				<br />
				<input type="button" class="button" name="pesqRemBtn" value="Pesquisar" onClick="javaScript: listarRem()" style="margin-left: 86px;">
				<br />
				<br />
				<table CLASS="bodyList" BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="95%">
					<tr>
						<th width="5%"></th>
						<th align="left" width="20%">Matrícula</th>
						<th align="left" width="70%">Nome</th>
					</tr>
					<%
					String classTR = "a";
					for(Iterator itR = cltRemetente.iterator(); itR.hasNext();){
							RemetenteBean remetenteBean = (RemetenteBean) itR.next();
							if (classTR.equals("a")) {
					       		classTR = "b";
							} else {
								classTR = "a";
							}
					%>
					<tr class="<%=classTR%>">
						<td><img src="../web-content/img/charge.gif" /></td>
						<td><%=remetenteBean.getCdRemetente()==null?"":remetenteBean.getCdRemetente()%></td>
						<td><%=remetenteBean.getNmRemetente()==null?"":remetenteBean.getNmRemetente()%></td>
					</tr>
					<%}%>
				</table>
			</fieldset>
		</div>
		<form name="frmDialRem" id="frmDialRem">
			<input name="cdRemetente" id="cdRemetente" type="hidden" value="">
			<input name="nmRemetente" id="nmRemetente" type="hidden" value="document.getElementById('nomeRemetente').value">
		</form>

E a ArrayList que eu pego da Servlet

Collection cltRemetente = (Collection) request.getAttribute("cltRemetente");
	if (cltRemetente == null) {
		cltRemetente = new ArrayList();
	}

Eu não entendi direito, você quer fazer isso por ajax?

Sim, isso aí… queria que fosse com AJAX… tem como?