Не показывать div с помощью jquery

У меня есть дополнительная кнопка загрузки, которая появляется, когда пользователь попадает в нижнюю часть экрана/исчезает при прокрутке вверх. Вот так:

$(window).bind("scroll", function() {
    if ($(document).height() <= ($(window).height() + $(window).scrollTop())) {
    $("#loadmorebuilds-div").fadeIn();
    } else {
    $("#loadmorebuilds-div").fadeOut();
    }
});

Вот что я использую для загрузки нового контента:

$(document).ready(function(){
    var pageIndex = 1;
    $('#loadmorebuilds-div').click(function() {
        $('#buildcontainer').imagesLoaded( function(){
        $.ajax({
           url: 'includes/loadmorebuilds.php?type=follow&pageIndex=' + pageIndex,
           success: function(html) {
              var el = jQuery(html);
              jQuery("#buildcontainer").append(el).masonry( 'reload' );
              $("#loadmorebuilds-div").stop().fadeOut();
              pageIndex++;
              $("#buildcontainer").masonry()

              rowCount = $('#countvar').length;
              if (rowCount < 8) {
              window.location.replace("http://localhost/buildsanctuary/index.php");
              }
           }

        });

    });

});
});

И эта часть здесь проверяет количество возвращенных данных и, если она меньше запрашиваемой, значит, больше нет данных для отображения.

rowCount = $('#countvar').length;
if (rowCount < 8) {
    window.location.replace("http://localhost/buildsanctuary/index.php");
}

Переадресация страницы - это просто проверка того, что она работает, и я хочу, чтобы она не позволяла странице снова отображать кнопку загрузки больше.

Как я могу это сделать?

Я попытался изменить класс, например

$("#loadmorebuilds-div").attr("class", "loadmorebuild-divhidden");

Но это не работает, скрытый класс просто display:none.

Благодарю.