How to append -webkit-filter properties by jquery

[Reallizt]

I wrote the following codes in order to make element which has id=sample grayscale(0.6) and blur(5px). But it turns out that the latter -webkit-filter property substitutes for the previous one instead of appending to it. I can only add one -webkit-filter property every time. Is it possible to append the blur to grayscale? Just make clear that I am using latest chrome, so -webkit-filter works on my navigator. \[code\]$('#grayscale').click(function() { $('#sample').css({"-webkit-filter" : "grayscale(0.6)"})});$('#blur').click(function() { $('#sample').css({"-webkit-filter" : "blur(5px)"})});\[/code\]