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