ajax - 送信フォームが機能しない

Question

これが私のフォームHTMLとJavaScriptコードで、送信をクリックしてから関数を実行しますExportPublication():

<form  onsubmit="ExportPublication()" class="form-horizontal" id="frmExportPublication" name="frmExportPublication" >
    <div class="control-group">
        <label class="control-label" for="inputPassword">email Pa</label>
        <div class="controls">
            <textarea name="emailBody" class="input-xlarge">file</textarea>
        </div>
    </div>
    <input type="submit" class="btn btn-primary" id="ExportPublicationButton" projectid="" value="submit">
</form>
<script>
function ExportPublication() {
    $.ajax({
        url: '@Url.Action("CreateOutput", "Publication", new { area = "Cartable" })',
        data: $("#frmExportPublication").serialize(),
        type: 'POST',
        beforeSend: function () {
            ajaxWaiting.showWaiting();
        },
        success: function () {
            $("#message").show();
            ajaxWaiting.hideWaiting();
            $('#ExportPublication').modal('hide');
        },
        error: function (req, status, error) {
            ajaxWaiting.hideWaiting();
        }
    });
}
</script>

送信をクリックすると、機能が動作しません。どうすればこれを修正できますか?