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();
});