Perfect working Ajax game on local but fails on remote

[adridder]

Locally running a "devside" windows apache php mysql server ...

everything works perfectly in both firefox and iexplorer


now i install it on a remote server ... tried 3 different ones and i got the same problem everywhere .......

this is the code that's not executing

var fieldNameArray = new Array('aa','ab','ac','ba','bb','bc','ca','cb','cc','da','db','dc','ea','eb','ec','fa','fb','fc','ga','gb','gc','ha','hb','hc','ia','ib','ic' );
    for (var i = 0; i<27;i++) {
        var index = fieldNameArray[i];
        var targetDiv = document.getElementById(index);
        var fieldValue = "url('/images/" + boardSetupXML.getElementsByTagName(fieldNameArray[i])[0].firstChild.nodeValue + ".jpg')";
        targetDiv.style.backgroundImage = fieldValue;
 
    }    

i tried changing the last line into backgroundImage = "black"; and they will correctly all turn black ........ like they should

i tried alert(fieldValue) in the loop ... and it correctly displays 21 image files .. like it should

but combine the two .. and its not working
it works locally ... perfect, but not on remote server

[adridder]

I had to remove the starting / in the url to make it work
took me 6 hours of debugging *sigh*