Ayuda con este codigo. Cargar pagina en div mediante ajax.

El siguiente codigo muestra la pagina prueba.php en el div asdf.
pero al momento de mostrar la pagina prueba.php, la muestra pero con la misma desaparece.

Código:


echo '<form name="form1" id="form1" method="post" action="#">
      <table width="100%" height="81" border="1">
        <tr>
          <td width="12%">Buscar DNI</td>
          <td width="88%"><input type="text" name="dni" id="dni"></td>
        </tr>
        <tr>
          <td height="40">&nbsp;</td>
          <td><input type="submit" name="BUSCAR" id="ana" onclick="javascript:getIDA(this)" value="BUSCAR";></td>
        </tr>
      </table>
      
    </form>';
	
?>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>


<div id="asdf"></div>

<script type="text/javascript">
function getIDA(theLink){

	alert("entro getida");
enviarA(theLink.id);

}

function enviarA(idform){
	alert(idform);
// Comprobamos que está disponible AJAX
if(window.XMLHttpRequest) {
ajax = new XMLHttpRequest()
}
// La respuesta aparecerá en una alerta
ajax.onreadystatechange=function(){
if(ajax.readyState == 4) {
if(ajax.status == 200) {
//print(ajax.responseText)
//an.style.display='none';
document.getElementById("asdf").innerHTML=ajax.responseText;

}
}
}
// Pedimos el archivo "prueba.php"
ajax.open("POST","prueba.php",true)
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
ajax.send("&MM_insert=" + "renovar" + "&dni=" + idform )
}
</script>

SOLUCIONADO¡¡. Solo tenia que eliminar los formularios