Rails Tutorial にいいね機能をAjax対応で実装できない

http://mochikichi.hatenablog.com/entry/rails_tutorial_like
を参考にRails Tutorialの拡張機能としていいね機能（Ajax対応）を実装できず困っております。
いいね機能は実装できましたが、Ajax対応ができずページ更新しなければアイコンの色やカウントが変化しない状態です。

下記はHerokuのURLです
https://stark-sierra-88856.herokuapp.com/

関連するView、パーシャルは下記の通りです。

micropost.html.erb

<li id="micropost-<%= micropost.id %>">
  <%= link_to gravatar_for(micropost.user, size: 50), micropost.user %>
  <span class="user"><%= link_to micropost.user.name, micropost.user %></span>
  <span class="content">
    <%= micropost.content %>
    <%= image_tag micropost.picture.url if micropost.picture? %>
  </span>
  <span class="timestamp">
    Posted <%= time_ago_in_words(micropost.created_at) %> ago.
    <% if current_user?(micropost.user) %>
      <%= link_to "delete", micropost, method: :delete,
                                       data: { confirm: "You sure?" } %>
    <% end %>
  </span>
  <!--like function-->
    <%= render partial: 'likes/like', locals: { micropost: micropost, likes: @likes } %>
</li>

_like.html.erb

<% if micropost.like_user(current_user.id) %>
  <%= button_to micropost_like_path(likes, micropost_id: micropost.id), method: :delete, id: "like-button", remote: true do %> 
    <%= image_tag("icon_heart.png") %>
    <span>
      <%= micropost.likes_count %>
    </span>
  <% end %>
<% else %>
  <%= button_to micropost_likes_path(micropost),id: "like-button", remote: true do %>  
    <%= image_tag("icon_gray_heart.png") %>
    <span>
      <%= micropost.likes_count %>
    </span>
  <% end %>
<% end %>

create.js.erb

$("#like-buttons").html("<%= j(render partial: 'like', locals: { micropost: micropost, likes: @likes, like: @like}) %>");

destroy.js.erb

$("#like-buttons").html("<%= j(render partial: 'like', locals: { micropost: micropost, likes: @likes }) %>");

その他に必要情報があれば早急に対応しますのでよろしくお願いいたします。