非同期でのいいね機能の実装

前提・実現したいこと

twitterのようないいね機能を非同期で実装したい。
ハートボタンの色を変更し、カウントにも反映させる。

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

いいねボタンを押すと中間テーブルlikesにデータは保存されるものの、
非同期ではビューに反映しない。reloadするとビューに反映する。

該当のソースコード

user.rb

class User < ApplicationRecord
  has_many :posts
  has_many :like_posts, through: :likes, source: :post
  has_many :likes, dependent: :destroy
end

post.rb

class Post < ApplicationRecord
  belongs_to :user
  has_many :like_users, through: :likes, source: :user
  has_many :likes, dependent: :destroy
end

like.rb

class Like < ApplicationRecord
  belongs_to :user
  belongs_to :post, counter_cache: :likes_count
  validates :user_id, presence: true
  validates :post_id, presence: true
end

routes.rb

Rails.application.routes.draw do
  post "/like/:post_id" => "likes#like", as: 'like'
  delete "/like/:post_id" => "likes#unlike", as: 'unlike'
end

likes_controller.rb

class LikesController < ApplicationController
  before_action :authenticate_user!
  before_action :set_variables

  def like
    like = current_user.likes.new(post_id: @post.id)
    like.save
  end

  def unlike
    like = current_user.likes.find_by(post_id: @post.id)
    like.destroy
  end

  private

  def set_variables
    @post = Post.find(params[:post_id])
    @id_name = "#like-link-#{@post.id}"
  end
end

posts/index.html.haml

=render partial: "posts/post", collection: @posts

posts/_post.html.haml

= render 'likes/like', post: post

likes/_like.html.haml

.like-link{:id => "like-link-#{post.id}"}
  - if current_user.likes.find_by(post_id: post.id)
    = link_to unlike_path(post.id), method: :delete, remote: true do
      .iine__button
        ❤️#{post.likes.count}
  - else
    = link_to like_path(post.id), method: :post, remote: true do
      .iine__button
        ♡️#{post.likes.count}

likes/like.js.erb

$("<%= @id_name %>").html('<%= j(render("likes/like", post: @post )) %>');

likes/unlike.js.erb

$("<%= @id_name %>").html('<%= j(render("likes/like", post: @post )) %>');

試したこと

Qiitaの以下記事を参照し実装。
https://qiita.com/hayabusa3703/items/2b916e652a1dc85bb6e3

最初はjsファイルもhamlで作成したが、非同期できずerbに変更。
しかしerbに変更後も非同期では実装できず。
記事の通りjsを下記のようにしてもダメでした。

$("<%= @id_name %>").html('<%= escape_javascript(render("likes/like", post: @post )) %>');

補足情報（FW/ツールのバージョンなど）

ruby 2.3.1
Rails 5.2.3