title: How do I retrieve basic info with Owl Carousel 2
body: <p>I'm using Owl Carousel 2 jquery slider and I'm trying to retrieve some basic info, in particular I want to display the number of the current slide in the paragraph tags above the slider with the class of "currentSlide". </p>
  
  <p>Here is my markup:</p>
  
  <pre><code>&lt;p class="currentSlide"&gt;&lt;/p&gt;
  
  &lt;div id="slider" class="owl-carousel"&gt;
    &lt;div class="item"&gt;&lt;h3&gt;Slider 1&lt;/h3&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;h3&gt;Slider 2&lt;/h3&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;h3&gt;Slider 3&lt;/h3&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;h3&gt;Slider 4&lt;/h3&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;h3&gt;Slider 5&lt;/h3&gt;&lt;/div&gt;
    &lt;div class="item"&gt;&lt;h3&gt;Slider 6&lt;/h3&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is my javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
    $('.owl-carousel').owlCarousel({
        items: 3,
        center : true,
        loop : true,
        //info: ??Function??
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>In the documentation it says this about adding the "info" option:</p>
  
  <blockquote>
    <p>info</p>
    
    <p>Type: Function</p>
    
    <p>Default: false</p>
    
    <p>Callback to retrieve basic information (current item/pages/widths). Info function second parameter is Owl DOM object reference.</p>
  </blockquote>
  
  <p>I need some help with this "info" function as I'm a total newbie to jquery.</p>
  
  <p>Thanks in advance</p>