O código a seguir destina-se a fazer uma solicitação POST puramente ajax, em vez disso, ele parece fazer o POST via ajax e, em seguida, o navegador navega para a resposta.

O HTML ...

<div id="bin">
    <form class="add" method="post" action="/bin/add/">
        <p>I'm interested! Save for later.</p>
        <input type="hidden" name="product_id" value="23423">
        <input type="submit" value="Save">
    </form> 
    <form style="display:none;" class="remove" method="post" action="/bin/remove/">
        <p>I changed my mind--I'm not interested.</p>
        <input type="hidden" name="product_id" value="23423">
        <input type="submit" value="Unsave">
    </form>
</div>

O jQuery ...

$('#bin form').submit(function() {
                $.post($(this).attr('action'),{
                    success: function(data) { $(this).hide().siblings('form').show() },
                    data: $(this).serialize()

                });
                return false;
            })

Tanto quanto eu entendo, oreturn false; linha deve significar que, independentemente do que seja, chamadas para a função de envio ou cliques no botão 'Enviar' ou pressionar Enter, significa que minha função será executada e o navegadornão navegar para/bin/add ou/bin/remove. Mas, por alguma razão, o navegadoré mudança de páginas.

Alguma idéia do que estou fazendo de errado aqui? Obrigado.