Бесконечная прокрутка jQuery в событии прокрутки DIV срабатывает более одного раза

я хочу реализовать технику бесконечной прокрутки только в div, а не во всем теле, я погуглил и нашел ответ, это ссылка но это решение срабатывает более одного раза, что приводит к более чем одной загрузке!! это моя наценка!!

<div id="articlesContainer" class="container-fluid">
   <div id="sideBarArticles" class=" col-md-3">
       //..sidebar goes here
   </div>
   <div id="articleInfinte" class="col-md-9">
       <div class="article">
         //..title.. content goes here
       </div>
   </div>
</div>

Js

   $("#articleInfinte").scroll(function(){
        if($('#articleInfinte').scrollTop() + $('#articleInfinte').outerHeight() >=        $('#articleInfinte')[0].scrollHeight){
             //Loading data...
             $('#articleInfinte').append(data);
         }