Rails - best_in_place not updating view until after reload - ruby-on-rails

Question

I'm pretty new at Ruby on Rails and I'm struggling with best_in_place
I'm using best_in_place to enable editing of data within a HTML table. I'm able to successfully enter data and hit enter for it to save. The new data briefly shows in the table, but it soon reverts back to the previous value. If I reload the page the table will show the new, updated data. Does anyone have any suggestion how to make the updated data show straight away?
This is the code for my controller:
class GamesController < ApplicationController
def index
#games = Game.all
end
def show
#game = Game.find(params[:id])
#render 'index'
end
def new
#game = Game.new
end
def edit
#game = Game.find(params[:id])
end
def create
#game = Game.new(game_params)
if #game.save
redirect_to #game
else
render 'new'
end
end
def update
#game = Game.find(params[:id])
if #game.update(game_params)
redirect_to #game
else
render 'edit'
end
end
def destroy
#game = Game.find(params[:id])
#game.destroy
redirect_to games_path
end
private
def game_params
params.require(:game).permit(:number, :title, :weight, :owner, :borrower, :borrowed)
end
end
And this is the code for the view:
<h1>Listing games</h1>
<%= link_to 'New game', new_game_path, :class => "pure-button pure-button-primary" %>
<p>
<table class="pure-table sortable">
<thead>
<tr>
<th width="110px">Number</th>
<th width="300px" >Title</th>
<th width="110px">Weight</th>
<th width="110px">Owner</th>
<th width="120px">Borrowed</th>
<th width="140px">Borrowed by</th>
<th class="sorttable_nosort">Action</th>
</tr>
</thead>
<tbody>
<% #games.each do |game| %>
<tr>
<td><%= best_in_place game, :number, :inner_class => "input_number" %></td>
<td><%= best_in_place game, :title , :inner_class => "input_title" %></td>
<td><%= best_in_place game, :weight, :inner_class => "input_weight" %></td>
<td><%= best_in_place game, :owner, :inner_class => "input_owner" %></td>
<td><%= best_in_place game, :borrowed, as: :checkbox, collection: {false: "No", true: "Yes"} %></td>
<td><%= best_in_place game, :borrower, :inner_class => "input_borrower" %></td>
<td><%= link_to 'Show', game_path(game) %> |
<%= link_to 'Edit', edit_game_path(game) %> |
<%= link_to 'Destroy', game_path(game),
method: :delete,
data: { confirm: 'Are you sure?' } %></td>
</tr>
<% end %>
</tbody>
</table>
</p>
</div>
<%= render 'grid_bottom' =%>
Any help or suggestion is greatly appreciated!