Исчезновение в первом случае возвращенного результата AJAX

Question

Когда возвращаются результаты ajax, первый элемент не исчезает, но все элементы после него. Мои неудачные попытки привели к тому, что весь список результатов обновлялся / исчезал при каждой загрузке нового набора. Есть идеи, как получить первый, который постепенно исчезает (по существу, каждый элемент появляется независимо)? Можно ли добавить элементы в порядок, если для моей переменной LIMIT задано более одного?

    $(document).ready(function(){      
      var limit = 2;
      var start = 0;
      var action = 'inactive';
      function load_portfolio_item(limit, start)
      {        
        $.ajax({
          url:"includes/fetch.php",
          method:"POST",
          data:{limit:limit, start:start},
          cache:true,
          success:function(data)
          {            
            if(data == '')
            {
              $('#load_data_message').html("<p>All items are loaded bro!</p>");
              action = 'active';
            }
            else
            {
              $('#load_data').append(data).children(':last').hide().delay(100).fadeIn(500);              
              $('#load_data_message').html("<p>Please Wait....</p>");
              action = "inactive";
            }
          }
        });
      }
      if(action == 'inactive')
      {
        action = 'active';
        load_portfolio_item(limit, start);
      }
      $(window).scroll(function(){
        if($(window).scrollTop() + $(window).height() > $("#load_data").height() && action == 'inactive')
        {
          action = 'active';
          start = start + limit;
          setTimeout(function(){
          load_portfolio_item(limit, start);
          }, 50);
        }
      });
    });