actioncableを使用したリアルタイムチャットの実装について

前提・実現したいこと

このページを参考にしてリアルタイムチャットをrailsで作っています。
まずテストとしてなにかメッセージをテキストボックスに書いてエンターを押したらアラートを出すという仕組みを作るという段階で
coffeeで書いたjqueryでエラーが出ました。
chromeのコンソールで確認したところ

Unchaught TypeError: App.room.speak is not a function

発生している問題・エラーメッセージ

Unchaught TypeError: App.room.speak is not a function

該当のソースコード

App.room = App.cable.subscriptions.create "RoomChannel",
  chat_room_id = $('#chat_messages').data('chat_room_id')
  App.chat_room = App.cable.subscriptions.create { channel: "RoomChannel", chat_room_id: chat_room_id },
  connected: ->
    # Called when the subscription is ready for use on the server

  disconnected: ->
    # Called when the subscription has been terminated by the server


  speak: (chat_message) ->
     @perform 'speak', chat_message: message

  received: (data) ->
    alert data['message']

$(document).on 'keypress', '[data-behavior~=chat_room_speaker]', (event) ->
  if event.keyCode is 13
    App.chat_room.speak event.target.value
    event.target.value = ''
    event.preventDefault()

class RoomChannel < ApplicationCable::Channel
  def subscribed
    stream_from "room_chaneel"
  end

  def unsubscribed
    # Any cleanup needed when channel is unsubscribed
  end

  def speak(data)
  	message = ChatMessage.create!(message: data['message'],user_id: current_user.id,chat_room_id: params['chat_room_id'])
    binding.pry
    ActionCable.server.broadcast "room_chaneel", message: render_message(message)
  end
  def render_message(message)
     ApplicationController.renderer.render(partial: ‘messages/message’, locals: { message: message })
  end
end