jqueryの表示が消えてしまい、更新すると表示できる。

gem 'fullcalendar'を表示させて、予定管理ができるよう作成中です。
'/events/new'の入力フォームで、投稿ボタンを押すと保存し、'/events/index'へ戻るようにしています。
'/events/index'へ戻ると、index.html.erbの<div id="calendar"></div>の部分が消えてしまいます。
リロードすると、表示されるのですが、'/events/index'へ戻った時にきちんと表示させるようにしたいです。
aplication.jsのコードを変えてあげればいいと思うのですが、もしよろしければご教授ください。。
application.js

application.js
1$(function () {
2    $('#calendar').fullCalendar({
3        events: '/events/index'
4    });
5});

event_controller.rb

  def create
    @event = Event.new(event_params)
    respond_to do |format|
      if @event.save
        format.html { redirect_to '/events/index', notice: 'Event was successfully created.' }
        format.json { render :show, status: :created, location: @event }
      else
        format.html { render :new }
        format.json { render json: @event.errors, status: :unprocessable_entity }
      end
    end
  end