Ajax Load More on Hierarchical Categories

I changed my js to something like this one where I stored current page state for each of the taxonomy-terms and send the current page number back to my call-back function where I queried posts on the basis of that page number.

var loading = false;
      var second_array = [];
      var count = 1;
      $('body').on('click', '.btn-loadmore', function (e){ 
        var button = $(this);
        var second_class = $(this).parent().attr('class').split(' ')[1];
        var postoffset = $(this).siblings('.col').length;
        loading = true;
        var pages = 1;
        var found = false;
        if (second_class in second_array) {
            second_array[second_class] = second_array[second_class]+1;
            found = true;
        }

        if (!found)
        {
          second_array[second_class] = count;
        }
        var maxpage = $(this).parent().attr('data-id');
        var data = {
          action: 'wpte_ajax_load_more',
          nonce: beloadmore.nonce,
          page: second_array[second_class],
          query: beloadmore.query,
          second_class : second_class,
          postoffset : postoffset
        };
        $.post(beloadmore.url, data, function(res) {
          if( res.success) {
            $('.'+data.second_class+' .btn-loadmore').before( res.data );
            if( second_array[second_class] == maxpage-1  )
            {
              $('.'+data.second_class+' .btn-loadmore').remove();
            }
          } 
          else {
              $('.'+data.second_class+' .btn-loadmore').remove();
          }
        }).fail(function(xhr, textStatus, e) {
          return false;
        });
        e.stopImmediatePropagation();
      });