Rails JQuery Missing template. Render Show action in Index

Rails JQuery Missing template. Render Show action in Index

I have an rails app. I am starting to implement jquery functions within
the app.
I have a Project model which has many Milestones. I am trying to render a
partial of the Show action of my Milestones, in the Index action using
JQuery. Unfortunately, I am unable to do so, due to the following error in
my JS console:
GET http://localhost:3000/projects/1/milestones/1 500 (Internal Server Error)
Missing template milestones/show_milestone,application/show_milestone with
{:locale=>[:en], :formats=>[:js, :html], :handlers=>[:erb, :builder, :raw,
:ruby, :jbuilder, :coffee]}
Controller show action
def show
@milestone = Milestone.find(params[:id])
respond_to do |format|
format.js {render :show_milestone}
end
end
javascripts/milestones/show_milestone.js
$(document).ready(function() {
$(".milestone-content-area").html("<%=escape_javascript( render(
:partial => "milestones/show_milestone",
:locals=>{:@milestone=>@milestone} ))%>");
});
views/milestones/_show_milestone.html.erb
<%= @milestone.title %>
index.html.erb
<%= link_to milestone.title, project_milestone_path(@project, milestone),
remote: true %>
<div class="milestone-content-area">
</div>
I don't seem to understand what I am doing wrong. Thanks for reading!
EDIT: I have added my link_to helper from my index.