[Rails]「ajax:error」イベントが発火しない

Question

###前提・実現したいこと
Rails 4.2.0
パーフェクトRuby on Rails（P.206~P.209）を参考に、ajaxを利用した処理（DB書き込み）を行おうとしています。
以下、長くて恐縮ですがよろしくお願いします。

＜実現したい動作＞
0. ビュー（show.html.erb）に設置しているform（text_field）に120文字以上のコメントを入力し、submitボタンをクリックすると、ajaxでcreateアクションを実行。

1. コントローラーを経由して、submit内容をモデルに書き込もうとするが、モデルのvalidation(120文字以上のコメントを不許可）により書き込みが失敗し、422のステータスコードとともにJSONでエラーメッセージを返す。
2. coffeescriptにより、ajax:errorが発火し、エラーメッセージを画面に出力する。

###発生している問題・エラーメッセージ
処理の正常終了時は問題なく動作していますが、エラー時の処理がうまく動きません。
具体的には上記の実現したい動作のうち、「３．」のcoffeescriptの処理が発生しません。

ビューに設置されているボタン押下後、下記のログメッセージ通り、サーバーがPOSTリクエストに対して処理を行い、バリデーションの結果422を返しています。

Started POST "/artists/1/my_artists" for ::1 at 2016-02-21 00:10:57 +0900
Processing by MyArtistsController#create as JS
  Parameters: {"utf8"=>"✓", "my_artist"=>{"comment"=>"[割愛（120文字以上の文字列）]"}, "button"=>"", "artist_id"=>"1"}
  User Load (0.1ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = ? LIMIT 1  [["id", 1]]
   (0.1ms)  begin transaction
   (0.3ms)  rollback transaction
Completed 422 Unprocessable Entity in 12ms (Views: 0.8ms | ActiveRecord: 0.5ms)

###ソースコード

• app/views/artists/show.html.erb

    <% if logged_in? %>
      <button class="btn btn-primary btn-lg btn-block" data-toggle="modal" data-target="#createMyartist">
        登録ボタン
      </button> 
      <div class="modal fade" id="createMyartist" tabindex="1" role="dialog" aria-labelledby="dialogHeader" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title" id="dialogHeader">コメント</h4>
            </div>
            <%= form_for(@artist.my_artists.build, url: artist_my_artists_path(@artist), remote: true) do |f| %>
              <div class="modal-body">
                <%= f.text_field :comment, class: 'form-control' %>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">キャンセル</button>
                <%= f.button '登録', class: 'btn btn-primary', data: { disable_with: '登録中…' } %>
              </div>
            <% end %>
          </div>
        </div>
      </div>

• app/controllers/my_artists_controller.rb

  def create
    my_artist = current_user.my_artists.build do |t| 
      t.artist_id = params[:artist_id]
      t.comment = params[:my_artist][:comment]
    end 
    if my_artist.save
      flash[:notice] = 'このアーティストをマイアーティスト登録しました'
      head 201 
    else
      render json: { message: my_artist.errors.full_messages }, status: 422 
    end 
  end 

• app/assets/javascripts/my_artists.coffee

$(document).on 'ajax:success', '#createMyartist', (xhr, data, status) ->
  location.reload()

$(document).on 'ajax:error', '#createMyartist', (xhr, data, status) ->
  form = $('#new_my_artist .modal-body')
  div = $('<div id="createMyartistErrors" class="alert alert-danger"></div>')
  ul = $('<ul></ul>')
  data.responseJSON.messages.forEach (message, i) ->
    li = $('<li></li>').text(message)
    ul.append(li)

  if $('#createMyartistErrors')[0]
      $('#createMyartistErrors').html(ul)
    else
      div.append(ul)
      form.prepend(div)

Answer 1

自己解決しました。

原因としてはコントローラ（app/controllers/my_artists_controller.rb）中の、
render json: { message: my_artist.errors.full_messages }, status: 422
の部分について、
messagesとすべきところをmessageとしているためでした。

単なるミスタイプですが、正直こういったミスの特定に対して良いデバッグ方法がわかりません。