title: iDanero.us swiper - initial div width is incorrect when loading data dynamically
body: <p>I am starting a web application using the Swiper framework.
  I have started using the simple demo-app provided within the library.
  When I replace the content of the demo app with a dynamic content using JSON from Ajax call, I find that the initial 'swiper-wrapper' class width is 0px until I change the browser size and then it generates the correct width. </p>
  
  <p>This is my Jquery code for loading the data and I located it before the  tag. 
  I tried different locations for the code as well.</p>
  
  <pre><code>$(document).ready(function () {
      $.ajax({
            type: "POST",
            dataType: "JSON",
            url: "json.php", //Relative or absolute path to response.php file
            success: function(data) {
              var toadd;
              toadd = '';
              for (var i=0; i &lt; data.length;i++)
              {           
                  toadd+='&lt;div class="swiper-slide"&gt;&lt;div class="swiper-container scroll-container"&gt;&lt;div class="swiper-scrollbar"&gt;&lt;/div&gt;&lt;div class="swiper-wrapper"&gt;&lt;div class="swiper-slide"&gt;&lt;div class="page-inner"&gt;';
                  toadd+="&lt;h1&gt;" + data[0]["title"] + "&lt;/h1&gt;";
                  toadd+="&lt;img class=\"movie-pic\" src="+data[0]["image"]+"&gt;";
                  toadd+="&lt;div class=\"movie-text\"&gt;Test language&lt;/div&gt;";
                  toadd+="&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;";    
              }
              $(".swiper-wrapper").html( toadd );
            }
          });
      });
  </code></pre>
  
  <p>Thanks!</p>