I am using JCROP to crop images and applying a css filter to it. However when the canvas (image) is cropped, it loses its css, (ie the User chosen filter is lost)

However if I call the same function via button click it works, but not with jcrop

Here is my code

Ehi

2.    function CanvasCropCSS() {      // THIS IS CSS FILTER FUNCTION
3.           $("#canvas").removeClass();
4.           var t = $("#Hidden_Filter").val();    //It gets the value of the applied filter from a hidden field
5.           alert(t);
6.         // $("#canvas").AddClass($(('#Hidden_Filter').val());   // This only works when applied to a button event
7.         };
8. 
   
10.         function applyCrop() {
11.             canvas.width = prefsize.w;
12.             canvas.height = prefsize.h;
13.             context.drawImage(image, prefsize.x, prefsize.y, prefsize.w, prefsize.h, 0, 0,          canvas.width, canvas.height);
14.             validateImage();
16.              CanvasCropCSS()      // THIS IS CSS FILTER FUNCTION -
17.            
18.         }
20. // The CanvasCropCSS funtion does not work if I add it to the JCROP, but works if I apply to a button event or anything else