How can I pause a Bootstrap Carousel on hover and resume it on mouse-out?
<p>I have a Bootstrap Carousel on my website.</p>

<p>When the user hovers over an element <code>#formcontainer</code>, I'd like to pause the carousel. And when I hover off, I'd like to continue the cycle of the carousel. The first part works fine with the following code, but not the second. Can someone assist?</p>

<pre><code>$(document).ready(function() {
    $('.carousel').carousel({
        interval: 1200,
        pause: "hover"
    });

    $('#formcontainer').hover(function(){
        $("#myCarousel4").carousel('pause');
    });
});
</code></pre>