jQuery безкрайно превъртане в събитие за превъртане на DIV се задейства повече от веднъж

искам да внедря техниката за безкрайно превъртане само в div, а не в цялото тяло, потърсих го в Google и намерих отговор, това е връзката, но това решение се задейства повече от веднъж, което води до повече от едно зареждане!! това е моята оценка!!

<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);
         }