Amigos me podrian explicar por favor como debe proceder a mi problema ya solucione lo anterior pero ahora la cosa pasa por aqui antes de mostrar si en numero esta habilitado o no ya me muestra el DIV y queria saber si cuando accione el boton recien me muestre el mensaje:
 http://img257.imageshack.us/img257/691/71109799.jpg 
Y este es cuando me comprueba. 
http://img405.imageshack.us/img405/6711/89710177.jpg 
La idea es que se pierda el DIV antes de generar la prueba se pude hacer eso   
Código css:
Ver original- <style> 
-   #texto{ 
-   font:Arial, Helvetica, sans-serif;font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: 300; color:#FF0000; 
-   } 
-   #botonVerificacion{ 
-   width:70px; height:25px; -moz-border-radius: 15px;background-color :#990000; border:1px; border:1px ; padding-left:7px; padding-right :7px; padding:3px; 
-   color:#FFFFFF;font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: 300; 
-   } 
-   .mensaje{ 
-      border: 1px solid #990000; font-size: 8pt; padding:5px; margin-top:10px; width: 250px; 
-        
-   }      
- </style> 
Código html:
Ver original-             <div id="demo" style="width:600px;" align="center"> 
-              <td id="carlos" style="text-align:left">- Nº Registro: </td>
 
-              <td><input name="registro_fbf" type="text" size="15"  id="verificacion" readonly="true"/> <a href="javascript:void(null);" id="texto" >- Generar </a>  <button type="button" id="botonVerificacion" onClick="nuevoEvento('verificacion')" >- Comprobar </button>
 
-              <div  class="mensaje" id="error"> 
-