title: Infinite Scroll with JSON Array
body: <p>With this code i get the first 2 results of my JSON array. How can I "load more" by scrolling?</p>
  
  <pre><code>   function suchen() {
  
        var suche = document.getElementById("mysearch").value;
  
        $.ajax({
            url: 'http://XXX.de/?apikey=XXX&amp;search=' + suche + '&amp;callback=?',
            type: "GET",
            dataType: 'json',
            success: function daten (response) {
  
                $( 'ul#suche li' ).remove();
                var i = 0;
                response.forEach(function(data) {
  
                    if(i &gt;= 2)  
                        return false;
  
                    $('ul#suche').append('&lt;li class="item-content"&gt;&lt;div class="item-inner"&gt;&lt;div class="item-title"&gt;' + data.title + '&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;');
                    i++;
  
                })
            }
        });
     }
  </code></pre>
  
  <p>How can load the next (3 - 4 for example) items by scrolling?</p>