envio de datos formulario a php con jquery

[after]

Hola a todos.

Estoy haciendo un sistema de comentarios, con ajax y php de la siguiente forma:

Código Javascript:

<script>
 
    $(function(){
        $('#facebook').val('').blur().focus(function(){
            if($(this).data('facebook')) return false;
            $(this).data('facebook', true);
            $(this).css({
                width   : $(this).outerWidth() - 36
            });
            $('<img src="images/facebook.gif" class="avatar" style="margin-top:1px;position:absolute;"/>'+
                    '<span class="avatar" style="display:inline-block;width:36px;height:30px"></span>').insertBefore($(this));
            $('<img src="images/facebook_comment.png" class="avatar" id="post" style="float:right;cursor:pointer;margin-top:2px" />').insertAfter($(this));
        });
        $('#post').live('click', function(){
                    
            var clone = $(this).parent().clone();
            var txt = $(document.createElement('span')).html('<b style="color:#3B5998">Facebook</b> '+$(this).parent().find('textarea').val()).css({
                display     : 'inline-block',
                width       : $(this).parent().find('textarea').width(),
                overflow    : 'hidden'
            });
                    
            txt.insertBefore(clone.find('textarea'));
            clone.insertBefore($(this).parent()).find('textarea').remove();
            clone.find('#post').remove();
            $(this).parent().find('textarea').val('').blur();
            
            $.ajax({
    type: 'POST',
    data: 'texto='+$(this).parent().find('textarea').val(),
    url: 'receptor.php',
    
    success: function(data){
      alert( "Comentario guardado: " + data );
 
    }
});
            
        });
 
    
    });
    
</script>
 

Y en php:

Código PHP:

<?php echo $_POST['texto']; ?>
 

Pero el problema es que la variable no la pasa, queda en blanco.
Alguna idea?
Pd: No soy bueno con el Javascript..