Rails5でajaxが動かない

デバッグするとファイルが読み込まれていてエラーもないのに、ajaxが動きません。
railsのバージョンは5.2.4、rubyのバージョンは2.7.3です。
コントローラでrespond_toでformat.jsが呼び出され、upload_files.js.erbが呼び出されます。
デバッグしたところここまでは問題ないようですが、
upload_files.js.erb内での

$('#form_area')に対するhtmlメソッド
$('#file_index')に対するhtmlメソッド

が画面に反映されていません。

js
1// upload_files.js.erb
2document.body.addEventListener('ajax:success', function(event) {
3  // ajax done
4  <% p 'ajax done' %>
5  <% if @object.errors.any? %>
6      $("#message").html("<p><%= j(render partial: 'error_message', locals: {model: @object}) %></p>")
7  <% else %>
8      $("#message").html("<p><%= j(render partial: 'flash_message', locals: {model: @object}) %></p>")
9
10      html_complete = `<div class='complete-upload-files'>
11                <div class='complete-message'>
12                  <p>ファイルのアップロードが完了しました</p>
13                  <button class='return-project'>戻る</button>
14                </div>
15              </div>`
16      $('#form_area').html(html_complete)
17
18      <% p "AAAAAAAA" %>
19      $("#file_index").html("<p><%= j(render partial: 'file_index', locals: {model: @object}) %></p>")
20
21      <% p "BBBBBBBBB" %>
22  <% end %>
23});
24
25document.body.addEventListener('ajax:error', function(event) {
26  // ajax fail
27})
28
29document.body.addEventListener('ajax:complete', function(event) {
30  // ajax always
31})
32
33
34