title: Owl Slider not working after AJAX Resposse
body: <p>Here, I have a page where Data changes by Ajax in <kbd>id="Products"</kbd>, But here Slider not work correctly. When data changes Slider Not working.</p>
  
  <p>In Console, I'm getting this error. Uncaught TypeError: $(...).owlCarousel is not a function    </p>
  
  <p>Also i have tried to put slider css and js in Ajax File. But still not working.
  also looked many SO Questions but not found any perfect solution.</p>
  
  <pre><code>&lt;div id="products"&gt;
          &lt;div class="owl-carousel color-options"&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/1.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/2.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/3.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/4.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/5.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/1.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/2.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/3.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/4.png"&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;div&gt;&lt;a href="javascript:void(0);" data-full="image/2.png"&gt;&lt;img src="image/5.png"&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script&gt;
  $('.color-options').owlCarousel({
          loop:true,
          margin:10,
          nav:true,
          items:4,
      })
   &lt;/script&gt;
  </code></pre>