function updateBoardView(){

    $(".number-cell").remove();

    for( var i = 0 ; i < 4 ; i ++ )

        for( var j = 0 ; j < 4 ; j ++ ){

            $("#grid-container").append( '<div class="number-cell" id="number-cell-'+i+'-'+j+'"></div>' );

            var theNumberCell = $('#number-cell-'+i+'-'+j);

            if( board[i][j] == 0 ){

                theNumberCell.css('width','0px');

                theNumberCell.css('height','0px');

                theNumberCell.css('top',getPosTop(i,j) + 50 );

                theNumberCell.css('left',getPosLeft(i,j) + 50 );

            }

            else{

                theNumberCell.css('width','100px');

                theNumberCell.css('height','100px');

                theNumberCell.css('top',getPosTop(i,j));

                theNumberCell.css('left',getPosLeft(i,j));

                theNumberCell.css('background-color',getNumberBackgroundColor( board[i][j] ) );

                theNumberCell.css('color',getNumberColor( board[i][j] ) );

                theNumberCell.text( board[i][j] );

            }

        }

}