jquery problem

pytanko dlaczego to nie działa chodź wszystko jest zrobione dobrze

var mapArray = [
[0, 0, 0, 0, 0]
[0, 1, 0, 0, 0]
[0, 0, 0, 0, 0]
[0, 1, 1, 1, 0]
[0, 0, 0, 0, 0]

];

    function drawMap(){

        for(var i=0; i < mapArray.length; i++) {
            for(var j=0; j < mapArray.length; j++) {

                if(parseInt(mapArray[j]) == 0) {
                    $('#container').append('<div class="grass"></div>');
                }
                if(parseInt(mapArray[j]) == 1) {
                    $('#container').append('<div class="dirt"></div>');
                }
            }
        }
    }
    window.onload=function() {
        drawMap();
    }