Rails / ActionCable / JavaScript - Добавление имен классов в метод добавления javascript

Question

Я использую следующий код CoffeeScript в своем приложении чата Rails / ActionCable, чтобы добавить сообщение на экран.

App.chatrooms = App.cable.subscriptions.create "ChatroomsChannel",  
  received: (data) ->   
    active_chatroom = $("[data-behavior='messages'][data-chatroom-id='#{data.chatroom_id}']")
    if active_chatroom.length > 0
      active_chatroom.append("<div><strong>#{data.username}:</strong> #{data.body}</div>")
    else
      $("[data-behavior='chatroom-link'][data-chatroom-id='#{data.chatroom_id}']").css("font-weight", "bolder").css("color", "#8500FF")
    send_message: (chatroom_id, message) -> 
    @perform "send_message", {chatroom_id: chatroom_id, body: message}

Это работает, но сейчас я пытаюсь оформить сообщение и не могу включить его.Имена классов в методе добавления ( active_chatroom.append (" # {data.username}: # {data.body}") ).

HTML Iя пытаюсь добавить на страницу через метод append () следующим образом:

<div class="message-listitem">
  <div class="message-header">
    <span class="message-user">#{data.username}</span>
  </div>
  <div class="message-body">
    <p>#{data.body}</p>
  </div>
</div>

Я пытался сделать это, просто добавив HTML в метод active_chatroom.append (), но он выдает ошибкукогда включены имена классов.

Как бы я включил имена классов в этот метод для получения HTML, который я включил выше?