$(document).ready(function () {
    //hover effect on the three boxes
    $('.boxContainer a').hover(
        function () {
            $(this).children('.boxHeader').addClass('boxHeaderOn');
            $(this).children('.boxContent').addClass('boxContentOn');
        },
        function () {
            $(this).children('.boxHeader').removeClass('boxHeaderOn');
            $(this).children('.boxContent').removeClass('boxContentOn');
        }
    );
});