Transição de imagem usando o jquery

Olá!

Tenho uma rotina para transição de imagem que não funciona usando css,html e jquery as imagens são colocadas como background, como segue abaixo:

$(function(){
 var images = ['url(../copiaproj/imagem/img1.jpg)',' url(../copiaproj/imagem/img2.jpg)',' url(../copiaproj/imagem/img3.jpg)'],
 index = 0,
 maxImages = images.length - 1;
var timer = setInterval(function() {
 var curImage = images[index];
 index = (index == maxImages) ? 0 : ++index;
 $("#principal").css({"background":"url("+curImage+")"});
}, 1500);
});

O que faço para funcionar?