acerca de ajax en jquery

[cuasatar]

Hola a todos, quisiera hacerles una pregunta sobre cuando uno quiere cargar un dato con ajax en jquery y el dato es un simple html. Cuando uno trata de cargar algo generalmente siempre dice en que url se encuentra pero en mi caso quiero es cargar un simple dato que es un html.

He intentando hacer esto pero sin exito.

Código HTML:

<div id="resultado"></div>
<button>Cargar Dato</button> 

Código PHP:

  $(function() {
    var resultado;
 
    var data = {
        html: "<p>Texto de prueba</p>",
       // delay: 1
    };
$("button").click(function(){
    $.ajax('/echo/html/', {
        data: data,
        type: 'post',
        success: function(res) {
             $('#resultado').html(res);
        }
    });
   }); 
    
 
   if (resultado) {
       $('#resultado').html(resultado);
   }
}); 
   

Esto que estoy haciendo es correcto o estoy cometiendo algun error? yo siempre estoy acostumbrado a trabajar con archivos externos y por tanto no se si la dinamica esta bien, especialmente al denominar la url si al fin y al cabo en este ejemplo no iria a ningun lado.

Gracias de antemano por su colaboración y agradezco su respuesta.

[Gothgauss]

Mira en la consola de chrome a ver que error te está saltando.

Si no sabes usar la consola de chrome, en herramientas->consola Javascript y ahí te tiene que saltar el error por el cual no te está funcionando.

Un saludo