Edit in JSFiddle

$("#target1").hover(function(){
    
    $('#tooltip').toggleClass('myTip');

});

<div id="target1" class="btn btn-info">Hover here for .hover()</div>

<div id="msg1" class="output">

</div>

<div id="tooltip">Dan likes single quotes</div>

.clickable{
    background: lightgray;
    width: 300px;
    cursor: pointer;
}
.output{
    height: 30px;
    width:300px;
    border: 1px solid red;
}
.myTip{
    background:lightgray;
}