jquery - Jquery DOM修改不保留在前进和后退

Question

我能够在用户操作上成功更新 DOM 元素（按钮） - 单击“添加收藏夹”按钮时，收藏夹被添加并且按钮变为“删除收藏夹”。

按钮更新如下：

$("#favorite_box").html("<%= escape_javascript(render(:partial => 'favorite' )) %>")

部分是：

<% if current_user.favorites("Style").where(:favoritable_id=>@style.id).empty? == true
%>
  <%= link_to "<i class = \"icon-star-empty\"></i> Add Favorite".html_safe, "/fav_style/#{@style.id}", :remote=>true %>
<% else %>
  <%= link_to "<i class = \"icon-star\"></i> Delete Favorite".html_safe, "/delete_fav_style/#{@style.id}", :remote=>true %>
<% end %>

所以问题是，当我点击另一个链接，然后点击后退按钮时，该按钮反映的是初始加载状态，并不反映上次 Jquery DOM 更新。

谢谢你的帮助