I'm writing this script to rotate a background Image every 3 seconds but it doesn't work at all and i'm stumped as to why not.

$(document).ready(function() {

        var inc = 0;
        var bgImages = new Array();
        bgImages.push("../Images/backgroundDog-small.jpg");
        bgImages.push("../Images/backgroundDog1-small.jpg");
        bgImages.push("../Images/backgroundDog2-small.jpg");
        bgImages.push("../Images/backgroundDog3-small.jpg");

        setInterval(change, 3000);

        function change() {
            //if we're not at the end of the array
            if (inc < (bgImages.length)) {
                var image = bgImages[inc];
                $('body').css('backgroundImage', image);
                console.log(image);
                inc++;


            //reset the counter inc and go through the array again
            } else {
                inc = 0;
            }
        }
    });