action cableを使用しリアルタイムでチャットの送受信を行うチャットアプリのフォーム送信ボタンを作成したい

前提・実現したいこと

Ruby on RailsとjQueryで、リアルタイムでチャットの送受信ができるアプリを作っていて、チャット送信フォームに送信ボタンをつけたいです。

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

入力フォームは完成し正しく動作するのですが、送信ボタンが実装できません。

該当のソースコード

html
1<h1><%= @room.name %></h1>
2<div id='messages' data-room_id="<%= @room.id %>">
3  <%= render @messages %>
4</div>
5
6
7<%= text_area :content, nil, data: { behavior: 'room_speaker' }, placeholder: "コメント内容", maxlength: 200 %>
8<%= button_tag '書き込む', class: 'send' %>

試したこと

html
1<%= form_with model:@message, url: messages_path,  local: true do |f| %>
2
3<%= text_area :content, nil, data: { behavior: 'room_speaker' }, placeholder: "コメント内容", maxlength: 200 %>
4<%= f.submit '書き込む', class: 'send' %>
5<% end %>

という記述に変えてみたら
uninitialized constant MessagesController Did you mean? MessageBroadcastJobというエラーが出て、model:とurl:をMessageBroadcastJobという記述に変えてみたりしましたができませんでした。