Missing step in implementing AJAX

rake routes

       class UserFriendshipsController < ApplicationController

before_filter :authenticate_user!
respond_to :html, :json

def index
 @user_friendship = current_user.user_friendships.all
end

def accept
 @user_friendship = current_user.user_friendships.find(params[:id])
 if @user_friendship.accept!
   flash[:notice] = "You are now friends"
  else
   flash[:error] = "That friendship can't be accepted."
  end
 redirect_to user_friendships_path
end

def new
 if params[:friend_id]
 @friend = User.where(profile_name: params[:friend_id]).first
 raise ActiveRecord::RecordNotFound if @friend.nil?
 @user_friendship = current_user.user_friendships.new(friend: @friend)

 else
  flash[:alert] = 'Friend Require'
   end
     rescue ActiveRecord::RecordNotFound
     render file: 'public/404', status: :not_found
end

def create
if params[:user_friendship] && params[:user_friendship].has_key?(:friend_id)
 #@friend = User.where(profile_name: params[:user_friendship][:friend_id]).first
 @friend = User.find(params[:user_friendship][:friend_id])
 @user_friendship = UserFriendship.request(current_user, @friend)
 respond_to do |format|
  if @user_friendship.new_record?
   format.html do
    flash[:error] ='There was a problem creating this friendship'
    redirect_to profile_path(@friend)
   end 
   format.json {render json: @user_friendship.to_json, status: :precondition_failed }
  else 
   format.html do
    flash[:notice] ='Friend request sent.'
    redirect_to profile_path(@friend)
   end
   format.json {render json: @user_friendship.to_json }
  end
 end 
else
   flash[:error] = "Friend Required"
   redirect_to root_path
 end 

 def user_friendship_params
    params.require(:user).permit(:user_id, :friend_id, :friend, :first_name, :profile_name, :user_friendship, :state)

end 

end

def edit
 @user_friendship = current_user.user_friendships.find(params[:id]).decorate
 @friend = @user_friendship.friend
end

def destroy
 @user_friendship = current_user.user_friendships.find(params[:id])
 if @user_friendship.destroy
  flash[:notice] ='Friendship destroyed.'
 end 
 redirect_to user_friendships_path
end


end

            ```

<div class="page-header">

<h1> <%= @user.profile_name  %>   </h1>
</div>

<% if signed_in? %>
 <div id="friend-status">
  <% if current_user.friends.include?(@user) %>
   <%= link_to "Edit Friendship", edit_user_friendship_path(friend_id: @user), class: 'btn btn-success' %>
  <% else %>
   <%= link_to "Add Friend", new_user_friendship_path(friend_id: @user), class: 'btn btn-success', id: 'add-friendship', data: { friend_id: @user.to_param}%>
  <% end %>
 </div>
<% end %>

<% if @comments %>
  <% @comments.each do |comment| %>
    <div class="well">
     <%= comment.body %>
     <hr />
     <%= link_to time_ago_in_words(comment.created_at), comment_path(comment) %> ago
     </div>
     <% end %>

 <% end %>

$(document).ready(function() {

  $('#add-friendship').click(function(event) {
      event.preventDefault();
      var addFriendshipbtn = $(this);
      $.ajax({
         url: Routes.user_friendship_path({user_friendship: { friend_id: addFriendshipbtn.data('friendId') }}),
         dataType: 'json',
         type: 'POST',
         success: function(e) {
          addFriendshipbtn.hide();
          $('#friend-status').html("<a href='#' class='btn btn-success'> Friendship Requested</a>");
         }
      });    
  });

});