Detect element hover

HTML

<div id="d1">One</div>
<div id="d2">Two</div>
<div id="d3">Three</div>
<div id="d4">
    Four
    <p id="p1">This is a <strong>paragraph</strong></p>
    within a div
</div>

<div id="test"></div>

CSS

#test{
    margin-top:100px;
    color:#f00;
}

JavaScript

setInterval(function(){
    
    var element = $(':hover');
    if(element.length)
    {
        var domElement = element[element.length - 1];
        var tagName = domElement.tagName;
        var id = domElement.id ? ' id="' + domElement.id + '"' : "";
        
        document.getElementById('test').innerHTML =
        "hover: &lt;" + tagName.toLowerCase() + id + "&gt;";
    }
}, 100);