Mi pregunta es esta :
 
tengo una pagina principal donde con jquery  
tengo esto :    
Código Javascript
:
Ver original$(document).ready(function(){
        $("#form").submit(function(event){
          var user=  $("#user").val()
          event.preventDefault();
          $.ajax({
            url:'reco_pass.php',
            type:'post',
            dataType:'json',
            data:$("#form").serializeArray()
          }).done(function(respuesta){
            $("#mensaje").html(alert.mensaje);
            $("#user").val('');
              
          });
        });
      });
  
   
y en la otra pagina tengo una consulta simple  que me permite ver si existe el usuario.
hasta allí todo funcional 
la cosa es que cuando quise agregar las etiquetas básicas (HTML) a ese PHP 
quedando algo asi :     
Código HTML:
Ver original<!doctype html>
 
/* aca el php con el JSON*/
 
<?php
  
cuando hice eso para probar no me devuelve nada el JSON mi pregunta seria porque y si se puede hacer algo asi , soy bastante nuevo en JSON asi que no entiendo mucho