HTML-код

    foo
    <p>Pellentesque habitant morbi tristique.</p>


    bar

Код JQuery

$('#bar').click(function () {
    $('#foo p').hide('slow').appendTo('#bar').show('slow');
})

ожидаемый результат

Когда нажата #bar

скрытьp элемент в#fooприсоединятьp в#barшоуp который сейчас дитя#bar

Фактический результат

присоединятьp в#barскрытьp элемент в#fooшоуp который сейчас дитя#bar

Вопросы

От чего зависит порядок выполнения методов в цепочках jQuery?Как я могу убедиться, что каждое событие завершено до следующего запуска?