コメント機能の非同期通信イベント発火できてない

コメント機能の非同期通信でイベントが発火しなくて苦しんでいます

ファイル名<show.html.haml>のコメント入力部分のform_forの部分にid: "new_comment"定義しました。
console.log(this)で検証画面で確認したところ発火できていません。

ファイル<comments.js>

$(function(){
　$('#new_comment').on('submit',function(e){
   　 e.prevebtDefault();
   　 console.log(this)　//検証画面で確認うまく発火していない
   　 var formData = new FormData(this);
　})
})

ファイル<create.json.jbuilder>

json.text  @comment.text
json.user_id  @comment.user.id
json.user_name  @comment.user.nickname

ファイル名<show.html.haml>

.container
      - if current_user
        = form_for [@tweet,@comment] , id: "new_comment" do |f|
          = f.text_field :text, class: 'form__message', placeholder: 'コメント'
          .form__mask
          = f.submit 'Send', class: 'form__submit'

      - else
        %strong
          %p ※※※ コメントの投稿には新規登録/ログインが必要です ※※※

      .comments
        %h4 ＜コメント一覧＞
        - if @comments
          - @comments.each do |comment|
            %p
              %strong
                = link_to comment.user.nickname, "/users/#{comment.user_id}"
                ：
              = comment.text