Как использовать абсолютный путь изображения в CSS с помощью JQuery?

Я пытаюсь использовать абсолютный путь моего изображения, используя его с jquery, как это, но каким-то образом он не загружает изображение, как только я вижу свою страницу. Ниже мой код в файле testing.jsp

<script>
$(document).ready(function(){
    // Create overlay and append to body:
    $('<div id="overlay"/>').css({
        position: 'fixed',
        top: 0,
        left: 0,
        width: '100%',
        height: $(window).height() + 'px',
        opacity:0.4, 
        background: 'lightgray url("/testweb/src/main/webapp/resources/img/page-loader.gif") no-repeat center'
    }).hide().appendTo('body');

    // Execute refresh with interval:
    setInterval(refresh, 30 * 1000);
});
</script>

Структура каталогов выглядит так:

webapp/
|-- resources/
|   +-- img/
|           page-loader.gif
+- WEB-INF/
  +-- views/
        testing.jsp

Что-то не так я здесь делаю?