[Rails5でActionCableでチャット作成]リロードしないとメッセージが表示されない

Question

表題の通り、Rails5でActionCableでチャット作成していますが、リロードしないとメッセージが表示されません。

下記２ファイルのどこかが間違っているのではないかと推測はしていますが、そこからどのへんが怪しいか皆目検討つかないため、もし下記2ファイル中に怪しいところがあればご指摘いただけましたら幸いです。

#room_channel.rb
class RoomChannel < ApplicationCable::Channel
  def subscribed
    stream_from "room_channel"
  end

  def unsubscribed
  end

  def speak(data)
    message = Message.create!(content: data['message'])
    template = ApplicationController.renderer.render(parial: 'messages/message', locals: {message: message})
    ActionCable.server.broadcast 'room_channel', template
  end
end

# room.js
App.room = App.cable.subscriptions.create("RoomChannel", {
  connected: function() {
   console.log("connected")
    // Called when the subscription is ready for use on the server
  },

  disconnected: function() {
    // Called when the subscription has been terminated by the server
  },

  received: function(message) {
    const messages = document.getElementById('messages')
    messages.innerHTML += message
  },

  speak: function(content) {
    return this.perform('speak',{message: content});
  }
});

document.addEventListener('DOMContentLoaded', function(){
  const input = document.getElementById('chat-input')
  const button = document.getElementById('button')
  button.addEventListener('click', function(){
    const content = input.value
    App.room.speak(content)
    input.value = ''
  })
})