Ayuda para recargar parte de pagina con AJAX

[johhan16]

tengo un archivo donde entre mucho codigo php tengo esto

Código PHP:

 <script language="JavaScript" type="text/javascript" src="js/ajax.js"></script> 
<div id="resultado"> 
<?php 
    include('ret_carrera1.php'); 
?> 
</div>  

en ret_carrera1.php tengo esto

Código PHP:

 <table width="60%" border="1" align="center">   
  <tr> 
    <td width="13%">NUMERO</td> 
    <td width="37%">NOMBRE</td> 
    <td width="23%">ESTADO</td> 
    <td width="27%">RETIRAR?</td> 
  </tr> 
 
<?php  
$result2= mysql_query("select * from tabla where hipodromo = '$hipodromo1' and fecha = '$fecha' and carrera = '$num_carrera' order by num_caballo",$link); 
 
while($array2= mysql_fetch_array($result2)) { 
?>   
  <tr> 
    <td><div align="center"><?php echo $array2['num_caballo']; ?></div></td> 
    <td><?php echo $array2['nom_caballo']; ?></td> 
    <td><label> 
    <?php if($array2['retirado'] == 1) { ?> 
      <input type="text" name="estado" id="estado" value="RETIRADO" style="background-color:#FF0000;" /> 
    <?php } else { ?> 
    <input type="text" name="estado" id="estado" value="COMPITIENDO" style="background-color:#2EFEF7;" /> 
    <?php } ?> 
    </label></td> 
    
    <?php if($array2['retirado'] == 1) { ?>   
    <td style="text-decoration:underline;cursor:pointer;" onclick="agregarDato('<?php echo $array2['num_caballo']; ?>')"><center>RE-INGRESAR</center></td> 
    <?php } else { ?> 
    <td style="text-decoration:underline;cursor:pointer;" onclick="eliminarDato('<?php echo $array2['num_caballo']; ?>')"><center>RETIRAR</center></td>    
    <?php } ?>           
 
  </tr> 
   
<?php } ?> 
 
</table>  

y el codigo ajax, llamado ajax.js es este

Código HTML:

function objetoAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
  		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

function eliminarDato(num_caballo){
	//donde se mostrará el resultado de la eliminacion
	divResultado = document.getElementById('resultado');
	
	//usaremos un cuadro de confirmacion	
	var eliminar = confirm("ESTAS SEGURO DE RETIRAR EL CABALLO?")
	if ( eliminar ) {
		//instanciamos el objetoAjax
		ajax=objetoAjax();
		//uso del medotod GET
		//indicamos el archivo que realizará el proceso de eliminación
		//junto con un valor que representa el id del empleado
		ajax.open("GET", "ret_retirados1.php?retirado=1&num_caballo="+num_caballo);
		ajax.onreadystatechange=function() {
			if (ajax.readyState==4) {
				//mostrar resultados en esta capa
				divResultado.innerHTML = ajax.responseText
			}
		}
		//como hacemos uso del metodo GET
		//colocamos null
		ajax.send(null)
	}
}

function agregarDato(num_caballo){
	//donde se mostrará el resultado de la eliminacion
	divResultado = document.getElementById('resultado');
	
	//usaremos un cuadro de confirmacion	
	var eliminar1 = confirm("ESTAS SEGURO DE RE-INGRESAR EL CABALLO?")
	if ( eliminar1 ) {
		//instanciamos el objetoAjax
		ajax=objetoAjax();
		//uso del medotod GET
		//indicamos el archivo que realizará el proceso de eliminación
		//junto con un valor que representa el id del empleado
		ajax.open("GET", "ret_retirados1.php?retirado=0&num_caballo="+num_caballo);
		ajax.onreadystatechange=function() {
			if (ajax.readyState==4) {
				//mostrar resultados en esta capa
				divResultado.innerHTML = ajax.responseText
			}
		}
		//como hacemos uso del metodo GET
		//colocamos null
		ajax.send(null)
	}
}

hace todo el proceso como quiero, pero al darle click desaparece lo que hay en ret_carrera1.php y no aparece mas, y lo que yo quisiera es que se recargara solo esa parte nuevamente apareciendo los datos como fueron modificados.

espero pegar una y que alguien pueda ayudarme