Railsでajaxが上手くいかない件について

いつもお世話になっています。
Railsにおいてajax通信が上手くいかないので、質問させていただきます。

やりたいこと

ajax通信を上手く動作させたいです。

現在の状況

ajax以外は正常に動いており、

remote:trueもきちんと書いている。
ログを確認してみるとRendered requests/accept.js.erb となっている。

と言う状況です。

コードの内容

また、該当するコードは以下の様になっています。

#requests/index.html.erb

<div class="request-wrap">
  <div id="request-success">
    <p>
      リクエストの承認が正常に完了しました。</p> 
    </div>
<% @requests.each do |request| %>
<div class=" request-list" id="request_<%= request.id %>">
  <p>
<%=link_to request.requester.username,user_path(request.requester) %>さんが
<%= request.request_type %>を送りました。
<%=link_to '承認する',accept_user_request_path(request.requesting,request),method: :post,remote:true %>//該当するコード
<%= link_to '拒否する',[request.requesting,request],method: :delete,remote:true %>
</p>
</div>
<% end %>
</div>

#requests_controller.rb

def accept
    @user = User.find(params[:user_id])
    @request = @user.active_requests.find(params[:id])
    @user_group= UserGroup.new(user_id:@request.requester_id,group_id:@request.group_id)
    if @user_group.save
      @request.destroy
      respond_to do |format|
      format.html { redirect_to user_requests_path(@user), notice: "リクエストを正常に承認しました。"}
      format.json { render json:{ request:@request, user_group:@user_group} }
      format.js
    end
    end
  end

def index
    @requests = current_user.active_requests
     @requests.update_all(read:true)
  end

# requests/accept.js.erb

$request_list = $("#request_<%=@request.id %>");
<% if @user_group.errors.empty? %>
$request_list.effect("highlight", { color: '#f7937c' }, 500).slideUp('fast');
$("#request-success").fadeIn(1000).delay(2000).fadeOut(2000);
<% else %>
 省略
<% end %>

#routes.rb

  resources :users ,only:[:show] do
      resources :requests, only:[:index,:new,:create,:destroy] do
        member do
          post :accept
        end
      end
    end

長文になってしまいましたが、よろしくお願い致します。