Will Paginate Boostrap with Ajax

_products.html.erb

<% @products.each do |product| %>
  <span> <%= product.title %> </span>
  <span> <%= product.price %> </span> 
<% end %>
<%= will_paginate @products, renderer: BootstrapPagination::Rails %>

<%#= will_paginate @products, renderer: BootstrapPagination::Rails, :params => { :controller => "optional controller", :action => "optional action" } %>

index.html.erb

<div id="products">
   <%= render "products/products" %>
 </div>
 <script>
   $(function(){
     $('.pagination a').attr('data-remote', 'true')
   });
 </script>

index.js.erb

$("#products").html('<%=  escape_javascript(render :partial => 'products/products') %>');
$('.pagination a').attr('data-remote', 'true');

products_controller.rb

def index
  @products = Product.paginate(:page => params[:page], :per_page => 10)
end