title: Execute owl-carousel script after jQuery replaceWith() method (DOM elements replacement)
body: <p><a href="https://jsfiddle.net/3yyeq7hv/2/" rel="nofollow noreferrer">Here is my jsFiddle</a></p>
  
  <p>On document ready I want to:</p>
  
  <ol>
  <li><p>Replace 3 divs (with classes:' one', 'two', 'three'')  with 3 divs (each one with the same 
  class 'smilling') with jQuery replaceWith() method,</p></li>
  <li><p>Run the owl-carousel plugin. </p></li>
  </ol>
  
  <p>I don't know why but although dom elements replacement <strong>does</strong> go successful  owl-carousel does not load.. Any suggestions? Why do I want to do this? It has something to do with MediaQueries...</p>
  
  <p>My jQuery:</p>
  
  <pre><code>$(document).ready(function() {
  
      $("div.super").replaceWith('&lt;div class="smilling item"&gt;&lt;/div&gt;&lt;div class="smilling item"&gt;&lt;/div&gt;&lt;div class="smilling item"&gt;&lt;/div&gt;');
  
  $('.owl-carousel').owlCarousel({
                      loop:false,
                      nav:true,
                      items:1 
                  });
  
  });
  </code></pre>