Ajax successでの処理について

こんにちわ。
Ajaxで通信完了後の処理について伺いたいです。

流れとしては
1.フォームの送信ボタンを押す。
2.送信ボタンをトリガーにAjaxでの通信を開始。フォームの送信は中止し、Ajaxでフォーム内のデータをphpファイルにPOST送信する。（下記コード参照）
3.phpファイルではデータベース更新の処理をさせる。
4.処理の完了後、Ajax success 内の処理でフォーム自体を消す。

4の段階でいくつか疑問があります。
Ajaxでの通信自体は成功しているのですが、完了後にエフェクトをつけて、フォーム自体を消去したいと考えています。
しかし、通信完了後のエフェクトがうまく働きません。
これはなぜなのでしょうか？

よろしくお願いします。

lang
1 $(document).ready(function () {
2
3        $("#form").submit(function (e) {
4            e.preventDefault();
5            var data = $(this).serialize();
6            var myself = $(this);
7            $.ajax({
8                type: "POST",
9                url: "course-evaluation-handler.php",
10                data: data,
11                success: function (data) {
12                    myself.fadeOut('slow');
13                }
14            });
15        });
16    });