title: Owl Carousel(2.2.1) - Button next and Previous dont work
body: <p>I have problem with my Owl Carousel which doesnt work. It is normaly display at my website but buttons next and previous dont work.</p>
  
  <p>I am not sure where could be mistake. Everything seems to be Ok.</p>
  
  <p>Thank you.</p>
  
  <pre><code>&lt;ul class="tab-list owl-carousel nav-style7 nav-center-center owl-theme owl-loaded"&gt;
  
  
  
  
  &lt;div class="owl-stage-outer"&gt;&lt;div class="owl-stage" style="transform: translate3d(-1522px, 0px, 0px); transition: 0s; width: 4870.4px;"&gt;&lt;div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"&gt;&lt;li&gt;
                          &lt;img src="#"&gt;
                          &lt;a class="overlay" href="#" target="_blank"&gt;
                              &lt;div class="wrapper"&gt;
                                  &lt;i class="fa fa-instagram"&gt;&lt;/i&gt;
                                  &lt;p&gt;insta 2&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;&lt;/div&gt;&lt;div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"&gt;&lt;li&gt;
                          &lt;img src="#"&gt;
                          &lt;a class="overlay" href="#" target="_blank"&gt;
                              &lt;div class="wrapper"&gt;
                                  &lt;i class="fa fa-instagram"&gt;&lt;/i&gt;
                                  &lt;p&gt;insta 3&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;&lt;/div&gt;&lt;div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"&gt;&lt;li&gt;
                          &lt;img src="#"&gt;
                          &lt;a class="overlay" href="#" target="_blank"&gt;
                              &lt;div class="wrapper"&gt;
                                  &lt;i class="fa fa-instagram"&gt;&lt;/i&gt;
                                  &lt;p&gt;insta 4&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;&lt;/div&gt;&lt;div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"&gt;&lt;li&gt;
                          &lt;img src="#"&gt;
                          &lt;a class="overlay" href="#" target="_blank"&gt;
                              &lt;div class="wrapper"&gt;
                                  &lt;i class="fa fa-instagram"&gt;&lt;/i&gt;
                                  &lt;p&gt;insta 5&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;&lt;/div&gt;&lt;div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"&gt;&lt;li&gt;
                          &lt;img src="#"&gt;
                          &lt;a class="overlay" href="#" target="_blank"&gt;
                              &lt;div class="wrapper"&gt;
                                  &lt;i class="fa fa-instagram"&gt;&lt;/i&gt;
                                  &lt;p&gt;insta 6&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;&lt;/div&gt;&lt;div class="owl-item active" style="width: 304.4px; margin-right: 0px;"&gt;&lt;li&gt;
                          &lt;img src="#"&gt;
                          &lt;a class="overlay" href="#" target="_blank"&gt;
                              &lt;div class="wrapper"&gt;
                                  &lt;i class="fa fa-instagram"&gt;&lt;/i&gt;
                                  &lt;p&gt;insta 1&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;&lt;/div&gt;&lt;div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"&gt;&lt;li&gt;
                          &lt;img src="#"&gt;
                          &lt;a class="overlay" href="#" target="_blank"&gt;
                              &lt;div class="wrapper"&gt;
                                  &lt;i class="fa fa-instagram"&gt;&lt;/i&gt;
                                  &lt;p&gt;insta 5&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="owl-controls"&gt;&lt;div class="owl-nav"&gt;&lt;div class="owl-prev" style=""&gt;prev&lt;/div&gt;&lt;div class="owl-next" style=""&gt;next&lt;/div&gt;&lt;/div&gt;&lt;div class="owl-dots" style="display: none;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>And here is my JavaScript code which i use. I am not sure if I use it at the right way.</p>
  
  <pre><code>$(".owl-carousel").owlCarousel();
  </code></pre>