jQuery if statment with hover, How to get this working

Question

Can someone help me with this? When the document loads it automatically does the alert. Not when class b1 or b2 is hovered. How do I fix it to make it when b1 or b2 is hovered to then do the alert?

I am sure it has to do with the document.ready function, but I thought it would not alert till the if statement of hover is initiated. So how do I make it work? Thanks!

function hoverHere(){
    if($('.b1').hover()){
        alert('Hello World');
    };
    if($('.b2').hover()){
        alert('Hello World');
    };
}

$(document).ready(function(){
    hoverHere();
})

HTML

<section class="headings">
    <div class="b1">content</div>
    <div class="b2">content</div>
</section>   

Answer 1

Simply :

$(document).ready(function(){
    $('.b1, .b2').hover(function() {
        alert("Hello world !");
    }); 
})

Answer 2

In case you wanted to do something different for each hover:

$(document).ready(function(){
    $('.b1').hover(function() {
        alert("Hello world ! - b1");
    }); 
    $('.b2').hover(function() {
        alert("Hello world ! - b2");
    }); 
}); 

Another way you could do it is:

function hoverHere(){
    $('.b1').hover(function() {
        alert("Hello world ! - b1");
    });
    $('.b2').hover(function() {
        alert("Hello world ! - b2");
    });
}

$(document).ready(hoverHere);