title: Javascript Load More when Scroll To Div
body: <p>When I click I on load more link it load more results I need to change it from when I click to link when I Scroll To AJAXloaded Div</p>
  
  <p>My Html Code </p>
  
  <pre><code>    &lt;div id="AJAXloaded"&gt;
          &lt;div class="loadmore"&gt;
              &lt;ul class="pagination"&gt;
                  &lt;li class="active"&gt;
                      &lt;a id="load-more"&gt;مشاهدة المزيد ...
                          &lt;img id="lodingGif" src="{{Request::root()}}/public/upload/logo/loading.gif" height="25" width="25" style="display: none;"&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My JS Code </p>
  
  <pre><code>  $(document).on("click","#load-more",function() {
       page=page+1;
       loadMoreData(page);
   });
  </code></pre>