title: Dynamic add slide in flexslider carousel
body: <p><strong>HTML Code</strong></p>
  
  <pre><code>&lt;div class="flexslider carousel mtop20"&gt;
      &lt;ul class="slides col-md-12" id="div_portion"&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery code</strong></p>
  
  <p>Here I append div dynamically in flexslider. It append successfully but got Next and Previous button disabled.</p>
  
  <pre><code>$div = "&lt;li&gt; Content here &lt;/li&gt;";
  $("#div_portion").append($div);
  slider = $('.flexslider').flexslider({
      animation: "slide",
      animationLoop: false,
      itemWidth : 210,
      itemMargin: 5,
      minItems: 1
    });
  </code></pre>
  
  <p>My Question is how to add div dynamically in flexslider with proper working mode?</p>
  
  <p>Thanks for help.</p>