jquery and multiple element hover check
<p>I have 3 boxes and once user hovers any, if changes the content of the big main div from default to the related div via <code>featVals hash table</code></p>

<p>At the <code>if ($('#estate-feature, #carrier-feature, #cleaning-feature').is(':hover')) {</code> part of my code, I want to check if any of these 3 div boxes are currently hovered, if not display the default content (defaultFeat variable).</p>

<p>However I am getting <code>Uncaught Syntax error, unrecognized expression: hover</code> error from Google Chrome Javascript Console.</p>

<p>How can I fix it ?</p>

<p>Regards</p>

<pre><code>$('#estate-feature, #carrier-feature, #cleaning-feature').hover(
    function() {
                var currentFeatCont = featVals[$(this).attr('id')];
                headlineContent.html(currentFeatCont);
    }, 
    function() {    
            headlineContent.delay(600)
            .queue(function(n) {
                if ($('#estate-feature, #carrier-feature, #cleaning-feature').not(':hover')) {
                    $(this).html(defaultFeat);
                }
                n(); 
            })
    }
);  
</code></pre>
