 
   paginate: =>
     return if @isPaginating || @collection.donePaginating || !@shouldPaginate()
-    @collection.paginate().done(@paginate)
+    @startPaginating
+    @collection.paginate().then(@donePaginating).done(@paginate)
 
   shouldPaginate: ->
     @$content.children().height() - @$content.scrollTop() < @$content.height() + 300


      # FIXME: this belongs somewhere else
      $('#toggle-lists').attr('checked', false) # Collapse the menu on mobile

    @stateChange()


  initialize: ->
    @listenTo @collection, 'add', @add
    @listenTo @collection, 'reset', @addAll

    @listenToOnce @collection, 'sync', =>
      # FIXME: this should be bound in #render, but for some reason the scroll
