title: How to append -webkit-filter properties by jquery
body: <p>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. </p>
  
  <pre><code>$('#grayscale').click(function() {
      $('#sample').css({"-webkit-filter" : "grayscale(0.6)"})
  });
  $('#blur').click(function() {
      $('#sample').css({"-webkit-filter" : "blur(5px)"})
  });
  </code></pre>