rails DMチャット機能 js.hamlの書き換え方がわからない

###js.hamlの書き換え方がわかりません。
Railsでチャット機能の非同期通信をやっているのですが、うまく表示されません。リロードすると表示されるので問題なく保存はされています。
調べて色々書き換えてみのですが,creare.js.hamlがsyntax errornになってしまいうまくhaml記法にできてないみたいです。

js.hamlはrenderの書き換え情報は多いのですが、チャットで私のやり方の解決策は見つかりませんでした。

ご回答よろしくお願い致します。

これをcreate.js.haml形式に書き換えたいです
↓
create.js.erb

$('.message').append("<p style='text-align: right;'><%= @chat.message %></p>");
$('input[type=text]').val("")

やってみたこと
↓
create.js.haml（失敗）

$('.message').append("#{ j(　%p(style:'text-align: right;') @chat.message　) }");
$('input[type=text]').val("")

ビューはこんな感じです。

show.html.haml

.container
  %h3 #{@user.account_name}さんとのチャット

  .message{style:"width: 400px;"}
    - @chats.each do |chat|
      - if chat.user_id == current_user.id
        %p{style:"text-align: right;"}
          = chat.message
      - else
        %p{style: "text-align: left;"}
          = chat.message

  = form_with model: @chat, data: {remote: true} do |f|
    = f.text_field :message
    = f.hidden_field :room_id