[Problema] Ajax funciona solo una vez

[elfeme]

Bueno gente, vi una cantidad de post por forosdelweb con el mismo problema, pero aun así, no lo pude solucionar.
El tema es que estoy haciendo un login con ajax y jquery, y funciona solo la primera vez, luego te recarga toda la página.

Les dejo el código:

Código Javascript:

var x = $(document);
x.ready (function () {
    var login = $('#login-form');
    login.stop(true).hover (function () {
            login.stop(true).animate({
                'margin-top' : '0'
            })
        },
        function () {
            login.stop(true).animate({
                'margin-top' : '-160'
            })
        }
    )
    
    var submit = $('#submit');
    submit.click (function () {
        var user = $('#user').attr('value');
        var passwd = $('#passwd').attr('value');
        var profile = $('#profile');
        $.ajax ({
            async: true,
            type: 'POST',
            dataType: 'html',
            contentType: 'application/x-www-form-urlencoded',
            url: 'login.php',
            data: 'user='+user+'&passwd='+passwd,
            beforeSend: function () {
                $('#login-form form').html('<p><img src="images/weed.gif" title="weed" alt="weed"/></p>');
            },
            success: function (datos) {
                if (datos.indexOf('incorrectos') != -1) {
                    $('#login-form').html(datos);
                } else {
                    $('#login').html(datos);
                }
            },
            timeout: 4000,
            error: function () {
                login.text('Problemas en el servidor. Intente más tarde.');
            }
        });
        return false;
    })
    
    var logout = $('#logout');
    logout.click (function () {
        $.ajax ({
            async: true,
            type: 'POST',
            dataType: 'html',
            contentType: 'application/x-www-form-urlencoded',
            url: 'logout.php',
            beforeSend: function () {
                $('#profile').html('<p><img src="images/weed.gif" title="weed" alt="weed"/></p>');
            },
            success: function(datos) {
                $('#profile').html('');
                $('#login').html(datos);
            },
            timeout: 4000,
            error: function () {
                login.text('Problemas en el servidor. Intente más tarde.');
            }
        });
        return false;
    })
    
})
 

y la web para que vean de lo que hablo, intenten loguearse 2 veses y van a ver lo que pasa.

http://feme.zapto.org/faso/

[David]

Porque cuando recibes la respuesta del servidor la primera vez reemplazas todo el contenido de #login-form, por lo que el listener que tenías del evento click se pierde.

Puedes, entre otras cosas, no reemplazar todo el contenido, mostrar solo el mensaje de error, o volver a agregar el listener del evento o usar un evento delegado a partir de #login-form

[elfeme]

Gracias por la respuesta.
Respecto a las soluciones, como vendría a quedar el codigo agregando el listener del evento de nuevo, porque no se bien cual listener, ni donde. GRACIAS.

[David]

El listener del evento click, ese que agregas con submit.click(function() { ... })

[elfeme]

EDIT: GRACIAS. Logre solucionarlo!