cargar un overlay(cuadro de dialogo) con ajax.

[Copia]

Hola, amigos creo que el titulo esta fatal, estoy usando jquery tools para mostrar un cuadro de dialogo con esto:

javascript

Código:

$(document).ready(function(){         
                $('a[rel]').overlay({mask: '#000', effect: 'apple'});
});

el Html es asi:

Código:

 <div id="divlogin"  class="apple_overlay">    
<!-- codigo -->
</div>

Esto funcina correctamente cuando todo esta en la misma pagina, el problema surge que ahora ese formulario lo tengo que llamar por ajax con este codigo:

Código:

$(document).ready(function(){
    $('#alogin').click(function(){
        var Url = this.href;        
         $.ajax(
       {
           type: 'POST',
           url: Url,
           success: function(resp){                            
               $('#frmLogin').append(resp);
           }
       });       
       return false; 
    });    
 });

y una vez cargado la pagina me quedaria asi:

Código:

<div id=frmLogin>
 <div id="divlogin"  class="apple_overlay">    
<!-- codigo -->
</div>
</div>

Pues ahi llega mi problema lo que quiero hacer es que ni bien se cargue el formulario aparasca el Overlay(el cualdro de dialogo) pero esta funcion no lo cargar

Código:

$(document).ready(function(){         
                $('a[rel]').overlay({mask: '#000', effect: 'apple'});
});

Creo yo que necesito agregar esa funcion dentro del evento click:

Código:

$(document).ready(function(){
    $('#alogin').click(function(){
        var Url = this.href;        
         $.ajax(
       {
           type: 'POST',
           url: Url,
           success: function(resp){                            
               $('#frmLogin').append(resp).overlay({mask: '#000', effect: 'apple'});
           }
       });       
       return false; 
    });    
 });

Pero no funciona. :( como lo tendria que hacer para cargar ese funcion overlay??