var value = ["a"];
$('.filter-name').click(function() {
    var id = $(this).attr("id");
    var c = $(".filter-name input[data-value=" + id + "]");
    if (c.is(":checked")) {
        var name = $(".filter-name input[data-value=" + id + "]").data('id')
        value.push(name);

    } else {
        var name = $(".filter-name input[data-value=" + id + "]").data('id')
        value.splice($.inArray(name, value), 1);
    }
    var action = "Category";
    $(".filter-ctg").empty();
    $.ajax({
        url: "/product/category-filter",
        method: "POST",
        data: { value: value, action: action },
        success: function(veri) {
            $(".category-product").hide();
            $(".filter-ctg").attr("style", "display:block");
            $(".filter-ctg").append(veri);
        }
    });
});?>

Sayfadaki ürünleri filtreleme modülü yazıyorum.Tüm kod sorunsuz çalışıyor ancak ajax çalıştığında div içeriğini empty yaptığım için kötü bir görüntü oluşmakta bunu loading ya da ön önizleme görüntülemesi nasıl yapabilirim?