jquery changement d'image d'arrière-plan sur le vol stationnaire

J'ai plusieurs divs que je veux générer le css images d'arrière-plan pour. Ils vont changer sur le vol stationnaire. Oui, je suis conscient que je pourrais facilement faire cela en css, mais il doit être fait en jquery.

Code:

$(document).ready(function() {
    $('.hoverBox').css('background', 'url(img/box' + id + '.jpg)')  
    $('.hoverBox').hover(function(){
    $(this).css('background', 'url(img/box' + this.id + '_back.jpg)')                      
    },
    function(){
    $(this).css('background', 'url(img/box' + this.id + '.jpg)')                       
    });
});

HTML est comme ceci:

<div class="hoverBox" id="benefits">
content</div>
<div class="hoverBox" id="installation">
content</div>
<div class="hoverBox" id="shoponline">
content</div>

Cela devrait être facile, mais je n'arrive pas à le faire fonctionner.

Aide serait très appréciée! TIA.