owl carousal custom caption

by Sambora

HTML

<script src="http://nickpish.com/_dev/carousel-align/js/owl.carousel.min.js"></script>
<link rel="stylesheet" href="http://nickpish.com/_dev/carousel-align/css/owl.carousel.css">
<link rel="stylesheet" href="http://nickpish.com/_dev/carousel-align/css/owl.theme.css">
<link rel="stylesheet" href="http://nickpish.com/_dev/carousel-align/css/main.css">
<div class="container">
    <div id="owl" class="owl-carousel">
        <div>
            <img src="http://nickpish.com/_dev/carousel-align/img/1.jpg">
            <p>CAPTION</p>
        </div>
        <div>
            <img src="http://nickpish.com/_dev/carousel-align/img/2.jpg">
            <p>CAPTION</p>
        </div>
        <div>
            <img src="http://nickpish.com/_dev/carousel-align/img/3.jpg">
            <p>CAPTION</p>
        </div>
    </div>
</div>

CSS

div.owl-item > div {
    display:table-cell;
    vertical-align:middle;
}

JavaScript

$(document).ready(function () {
    $("#owl").owlCarousel({
        navigation: true,
        singleItem: true
    });
    $('.owl-pagination .owl-page, .owl-buttons div').on('click',function(){
        $('.owl-item div').css('height',$('.owl-item div').css('height'));
    });
});