Невозможно изменить пиксели изображения, используя холст

Question

У меня есть этот код, и я хочу изменить серые пиксели на все время, но он просто дублирует testImage:

 $("body").append('<canvas id="canvas"></canvas>');
                var image = document.getElementById('testImage');
                var canvas = document.getElementById('canvas');
                canvas.width = image.width;
                canvas.height = image.height;
                var ctx = canvas.getContext("2d");
                ctx.drawImage(image, 0, 0);
                var imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
                var data = imgData.data;
                for (var i = 0; i < data.length; i += 4)
                    {

                            data[i] = data[i + 1] = data[i + 2] = data[i + 3] = 255;                        

                    }              

                ctx.putImageData(imgData, image.width, image.height);

Какую ошибку я делаю?