how to hide spinner after the content loads

how to hide spinner after the content loads

I'm using pjax to load content and while the content is loading, I show a
spinner:
$('a[data-pjax]').pjax().live ("click", function () {
$("#loader").show();
});
This works fine, however, after the content loads the loader still stays
there.
Where should I call $(#loader).hide() to hide the loader after the content
has loaded?