[jQuery] - attr() en campo input button no funciona

[KoswiDigital]

Hola.

Llevo un par de días a vueltas con un trozo de código pequeño y sencillo, pero no veo yo el error:

Código Javascript:

// JavaScript Document
 
$(document).ready(function()
{
    $('#mostrar_al').click(function()
    {
        $('#mostrar_al').attr(
        {
            value: 'Cargando...',
            disabled: true
        });
        
        $('.galimg').empty();
        data = $('#sel_alb').val();
        
        $.ajax(
        {
            url: '/_scripts/show_gal_foto.php',
            type: 'post',
            data: 'da='+data,
            success: function(result)
            {
                $('.galimg').append(result).fadeIn(500);
                $('.thumbox').prettyPhoto();
            }
        });
        
        $('#mostrar_al').attr(
        {
            value: 'Mostrar',
            disabled: false
        });
    });
});
 

#mostrar_al es un input de tipo button, que al pusar carga un contenido a través de ajax. Y lo hace, si, pero yo quiero que cuando se pulse quede desactivado (disabled) y cambie el valor a "Cargando...". Y no lo hace.

Si pongo un return false después del attr() sí funciona. Entonces, ¿por qué si continúa el script no hace caso? No logro dar con el problema.

A ver si alguien lo ve y me orienta. Gracias.