Ruby on Rails 非同期のいいね機能が動かない

前提・実現したいこと

非同期でのいいね機能を作成しているのですが、いいねを押してもリロードをしても反応しません。
しっかり反応させるにはどうしたら良いのでしょうか？

該当のソースコード

ファイル名：top.html.erb

<% @illusts.each do |i| %>
  <div id="favorites_buttons_<%= i.id %>">
    <%= render partial: 'favorites/favorites', locals: {illust: i} %>
  </div>
<% end %>

ファイル名：_favorites.html.erb

<% if user_signed_in? %>
  <% if current_user.favorited_by?(illust.id) %>
    <div>
      <%= link_to destroy_favorite_path(illust), method: :DELETE, remote: true do %>
        いいねを外す
      <% end %>
      <%= illust.favorites.count %>
    </div>
  <% else %>
    <div>
      <%= link_to create_favorite_path(illust), method: :POST, remote: true do %>
        いいね
      <%end %>
      <%= illust.favorites.count %>
    </div>
  <% end %>
<% end %>

ファイル名：favorites_controller.rb

  before_action :authenticate_user!

  def create
    @illust = Illust.find_by(id:params[:illust_id])
    current_user.favorites.create!(illust_id: @illust.id)
    respond_to do |format|
      format.js
    end
  end

  def destroy
    @illust = Illust.find_by(id:params[:illust_id])
    current_user.favorites.find_by(illust_id: @illust.id).destroy!
    respond_to do |format|
      format.js
    end
  end

ファイル名：create.js.rb

$('#favorites_buttons_<%= i.id %>').html("<%= j(render partial: 'favorites/favorites', locals: {illust: i}) %>");

ファイル名：destroy.js.rb

$('#favorites_buttons_<%= i.id %>').html("<%= j(render partial: 'favorites/favorites', locals: {illust: i}) %>");

ファイル名：destroy.js.rb

$('#favorites_buttons_<%= i.id %>').html("<%= j(render partial: 'favorites/favorites', locals: {illust: i}) %>");

ファイル名：user.rb

  has_many :illusts, dependent: :destroy
  has_many :favorites

  def favorited_by?(illust_id)
    favorites.where(illust_id: illust_id).exists?
  end

ファイル名：illust.rb

has_many :favorites

ファイル名：favorite.rb

 belongs_to :user
  belongs_to :illust

ファイル名：routes.rb

 post 'favorite/:id' => 'favorites#create', as: 'create_favorite'
 delete 'favorite/:id' => 'favorites#destroy', as: 'destroy_favorite'