Cara buat PopOver tetap tampil ketika on hover di bootstrap

Assalamu'alaikum wr wb
Kali ini saya akan share Cara buat PopOver tetap tampil ketika on hover di bootstrap.
Berikut ini syntaxya.
------------------------------------------
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<style type="text/css">
body {
    margin-top:100px;
    margin-left:50px;
}
div.pop {
    border: 1px black solid;
    padding:10px;
    width: 300px;
    text-align:center;
}
/* optional class here to move the popover down slightly for easier access */
 div.pop .popover {
    margin-top:7px;
}
</style>


<div class="pop">Test PopOver</div>

<script type="text/javascript">
$(document).ready(function () {
    $('.pop').each(function () {
        var $elem = $(this);
        $elem.popover({
            placement: 'auto',
            trigger: 'hover',
            html: true,
            container: $elem,
            animation: true,
            title: 'Judul PopOver Disini',
            content: 'Ini adalah konten popover. Kamu bisa hover hingga kesini lho...'
        });
    });
});
</script>
------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.com/