ajax - ブートストラップが mvc5 の ajax で機能しない

Question

私は ajax の使用とともに Twitter のブートストラップに感銘を受けました。使用したスクリプト

コンソール エラー:

デバッグの途中（ドロップダウンでブラウザからイベントをクリック）ブートストラップドロップダウンが来て、デバッグ終了後に再び消えます。ボタンクリックでhtmlコンテンツをロードするようなajaxリクエストを使用する前は、ブートストラップは正常に機能していましたが、ajaxがブートストラップドロップダウンを終了した後は機能しませんでした。ajaxに使用されるjqueryは次のとおりです。

  $('a[href="/TransJobAddress/NewTransPortJobAddress').on('click', function   createnew(event) {
    $.ajax(
        {
            url: '/TransportJobAddress/Create',
            datatype: 'html',
            success: function (data, textStatus, jqXHR) {
                $('#addAddress').html(data);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                //alert('The server saying:' + errorThrown);

            }
        });
    event.preventDefault();
    event.stopPropagation();

});

このクライアント側またはサーバー側のどこが間違っていますか?