Cargar los datos en una tabla despues de una consulta jsp-json-ajax

[CarolJohana]

Buenas tardes muchachos bueno pido una ayudadita porfavor resulta que tengo una caja de texto, un boton y una tabla invisible, deseo que apenas envie el dato que se envia por json ajax en otro realice la consulta y me muestre los valores respectivos

bueno si ejecuto el jsp de la consulta solo me funciona y me meustra todos los valores, sin embargo cuando ya uso la "interfaz" que es donde mando el dato me genera un error alguien me podria ayudar dejo el codigo:

Prueba.jsp

function mostrar(){
var numero = $("#numero").val();
$.ajax({
type: "POST",
dataType: "json",
url: "consultarcita.jsp",
data: "numero="+numero,
timeout:30000,
error:function (){alert("error");},
success: function(data){
$("#tabla").show();

for (var i in data.registros){
$("#tabla").append("<tr><td width='133' height='21' valign='top'>"+data.registros[i].id+"</td><td width='133' height='21' valign='top'>"+data.registros[i].infractor+"</td><td width='110' valign='top'>"+data.registros[i].fecha+"</td><td width='123' valign='top'>"+data.registros[i].hora+"</td></tr>");
}

}
});
}

html

<input type="text" id="numero" />
<input type="button" name="button2" id="button2" value="Mostrar" onclick="mostrar();"/>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="tabla" style="display:none">
<tr>
<td width="133" height="21" valign="top">id_audiencia</td>
<td width="110" valign="top">id_infractor</td>
<td width="123" valign="top">fecha_audiencia</td>
<td width="123" valign="top"> hora_audiencia</td>
</tr>
</table>

consultarcita.jsp

<%
String numero = request.getParameter("numero");
int d = Integer.parseInt(numero);

String consulta1 = "SELECT * FROM cita_audiencia WHERE id_infractor ="+d+"";
ResultSet Resultado1 = conexion.buscarDatos(consulta1);
int i = 0;
while (Resultado1.next()){
out.print( "({");
out.print( " 'registros' : ");
out.print( " [");

out.print( " {");
out.print( " 'id' : '"+Resultado1.getInt(1)+"',");
out.print( " 'infractor' : '"+Resultado1.getInt(2)+"',");
out.print( " 'fecha' : '"+Resultado1.getString(3)+"',");
out.print( " 'hora' : '"+Resultado1.getString(4)+"'");
out.print( " },");

out.print( " ]");
out.print( "})");
i += 1;
}
%>

Agradeceria de mil a quienes me puedan ayudar a encontar en que stoy fallando llevo casi una semana en esto para que no se me meustre la tabla con los datos de la consulta, me dicen que es error del json pero no se como arreglarlo o por lo menos saber donde es el error