Rails 3.1 - will_paginate and ajax

_orders.html.erb

<ul>
  <% @orders.each do |order| %>
    <li>
        <!-- Show order stuff -->
    </li>
  <% end %>
</ul>
<%= will_paginate @orders %>

index.js.erb

$('#orders').html('<%= escape_javascript(render partial: 'orders') %>');
$.setAjaxPagination();

index_after.html.erb

<div id="orders">
  <%= render partial: 'orders' %>
</div>

index_before.html.erb

<div id="orders">
  <ul>
    <% @orders.each do |order| %>
      <li>
          <!-- Show order stuff -->
      </li>
    <% end %>
  </ul>
  <%= will_paginate @orders %>
</div>

orders.js.coffee

$ ->
  $.setAjaxPagination = ->
    $('.pagination a').click (event) ->
      event.preventDefault()
      loading = $ '<div id="loading" style="display: none;"><span><img src="/assets/loading.gif" alt="cargando..."/></span></div>'
      $('.other_images').prepend loading
      loading.fadeIn()
      $.ajax type: 'GET', url: $(@).attr('href'), dataType: 'script', success: (-> loading.fadeOut -> loading.remove())
      false

  $.setAjaxPagination()

orders_controller_after.rb

class OrdersController < ApplicationController
  def index
    @orders = Order.paginate(page: params[:page], per_page: 10)
    respond_to do |format|
      format.html
      format.js
    end
  end
end

orders_controller_before.rb

class OrdersController < ApplicationController
  def index
    @orders = Order.paginate(page: params[:page], per_page: 10)
  end
end