Usando jquery global ajax para spinner e outras coisas

Ao usar chamadas ajax para algum lugar, e você tem que adicionar spinner para tornar tudo melhor para ux, você pode usar chamadas globais para isso,

    /* make toggle nav on left */
$('.list-group a').click(function(){ 
    $(this).siblings().removeClass('active');
    $(this).addClass('active');
});
/* show spinner */
$( document ).ajaxStart(function() {
    $('#spinner').removeClass('hidden');
});
/* hide spinner */
$( document ).ajaxStop(function() {
    $('#spinner').addClass('hidden');
});

dê uma olhada aqui ..

thsit, saúde 🙂

para demonstração eu estava usando bootstrap do twitter