title: When i append div on document ready, my div text not changed.
body: <p>im using thebird swipe example, just removing static div in thebird swipe example and append dynamic div on document ready but my default style like data-index, transition-duration, transform is not applying</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Swiper demo&lt;/title&gt;
   
  &lt;link rel="stylesheet" href="http://idangero.us/swiper/dist/css/swiper.min.css"&gt;
  &lt;script src="js/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  
  &lt;style&gt;body{background:#eee;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0;}.swiper-container{width:500px;height:300px;margin:20px auto;}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}&lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
   
  &lt;div class="swiper-container"&gt;
  &lt;div class="swiper-wrapper"&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
   
  &lt;script src="http://idangero.us/swiper/dist/js/swiper.min.js"&gt;&lt;/script&gt;
   
   &lt;script&gt;
   
    var swiper = new Swiper('.swiper-container');
      
    $(document).ready(function(e){
     for(var i=0; i&lt;10; i++){
      var element = document.createElement('div');
      element.className = 'swiper-slide';
      element.innerHTML = 'slide '+i;
      $('.swiper-wrapper').append(element);
     }
     var swiper = new Swiper('.swiper-container');    
   
    });
   
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks in Advance.</p>