Rotating background image

JavaScript
1

I am developing the following holding page, and have included some code to rotate the background image, but cant get it to work.

http://www.samfennjohnston.com/New/


BODY {
font-family: "Josefin Sans"; COLOR: #ffffff;     background-image: none;
width: 100%;
height: 100%;
-webkit-transition: background 0.6s ease-in-out;
-moz-transition: background 0.6s ease-in-out;
-o-transition: background 0.6s ease-in-out;
transition: background 0.6s ease-in-out;
background-size: cover;
background-repeat: repeat;
background-position: 0 0;
}

<script>
$(document).ready(function () {
    var img_array = ['lee2.jpg', 'lee3.jpg', 'lee4.jpg'];
    var index = 0;
    var interval = 2000;
    setTimeout(function () {
        $('body').css('backgroundImage', 'url(http://www.samfennjohnston.com/New/Images/Splash/' + img_array[index++ % img_array.length] + ')');
        setTimeout(arguments.callee, interval);
    }, interval);
});
</script>

Im not getting any action, just a plain white background.