title: Owlcarousel 2 dynamically loaded content
body: <p>I have troubles with ajax loading content to owl carousel 2. I'm trying to get new items by this function:</p>
  
  <pre><code>function loadDecisions(pageNumber) {
     $.ajax({
         url: globalURL,
         type: 'POST',
         data: {
             action: 'lw_infinite_scroll',
             loop_file: 'video',
             page_no: pageNumber,
             posts_per_page: postsPerPage
         },
         success: function(data) {
             $(".owl-stage").append(data);    
             owl = jQuery('.owl-carousel');
  
             count++;
             resizeStage();
         },
         error: function(e) {
         }
     });
     return false;
  }
  </code></pre>
  
  <p>If I append new items to .owl-stage like this <code>$(".owl-stage").append(data);</code> I can see them, but I can't slide to them. I think owlcarousel think that there still are only 5 items, even if i added much more. </p>
  
  <p>The situation changes if i change <code>$(".owl-stage").append(data);</code> to <code>$(".owl-stage").html(data);</code>. Then obviously old content disapears, but I can slide to new items.</p>
  
  <p>Can anyone suggest what I should do? I'm using owlcarousel 2.0.4. </p>