title: Elastislide ajax
body: <p>In <code>Elastislide</code> responsive slide , when dynamically adding values  through</p>
  
  <pre><code>var $items  = $('&lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/large/1.jpg" alt="image01" /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/large/2.jpg" alt="image01" /&gt;&lt;/a&gt;&lt;/li&gt;');
  $('#carousel').append($items).elastislide( 'add', $items );
  </code></pre>
  
  <p>It is added in wrong place(after class <code>es-nav-next</code>). Is there any workaround to fix this?</p>