Je nach angeklickter Schaltfläche drei verschiedene Partials rendern

So habe ich ein Layout wie dieses:

home / index.html.erb:

<div class="optionscontainer btn-group btn-group-justified">
   <%= link_to posts_path, class:"options btn btn-primary", remote: true do %>
      <i class="fa fa-book optionseach" aria-hidden="true"></i>All posts
   <% end %>
   <%= link_to stories_path, class:"options btn btn-primary", remote: true do %>
      <i class="fa fa-book optionseach" aria-hidden="true"></i>All stories
   <% end %>
</div>
   <div id="content" class="">
   </div>

In posts_controller.rb

Ich habe

def index
    @posts = Post.all
    respond_to do |format|
      format.html #looks for views/books/index.html.erb
      format.js   #looks for views/books/index.js.erb
    end
  end

In stories_controller.rb

Ich habe

def index
    @stories = Story.all
    respond_to do |format|
      format.html #looks for views/books/index.html.erb
      format.js   #looks for views/books/index.js.erb
    end
  end

In meinen Ansichten / posts / index.js.erb

$("#content").html("<%= j (render 'posts') %>");

In meinen Ansichten / Geschichten / index.js.erb

$("#content").html("<%= j (render 'stories') %>");

Und ich habe auch_posts.html.erb imviews/posts und_stories_html.erb imviews/stories

Was passiert, wenn ich auf die Schaltfläche "Beiträge" klicke, rendere ich die Ansicht, aber wenn ich auf die Schaltfläche "Geschichten" klicke, wird nichts gerendert?