Jquery Ajax call Loader image before loading data

Hi ,
I am getting data from code behind, and binding data using ajax jquery call. Before binding data in my jquery function i am calling a loader image
Ex: $('#divloader').fadeIn('slow');

Now i am calling jquery call.
$.ajax(.........................success{function(){});

In the end i am hiding the loader image.
$('#divloader').hide();

Now problem is once i am scrolling div for next 10 records, my loader image is not loading first, after fetching data loader image loads and hides in some seconds. How to show image before loading data.

Please help me..