title: JQuery set CSS Transform, Translate Properties in Class
body: <p>I cannot seem to set the CSS properties of transform using Jquery.</p>
  
  <blockquote>
    <p>Here is my Code: <a href="https://jsfiddle.net/op7Lsvdp/" rel="noreferrer">https://jsfiddle.net/op7Lsvdp/</a> </p>
  </blockquote>
  
  <p>These are the two methods I have unsuccessfully tried. </p>
  
  <pre><code>$('.slideToCart').css({
    '-webkit-transform' : 'translate(left, top)',
    '-moz-transform'    : 'translate(left, top)',
    '-ms-transform'     : 'translate(left, top)',
    '-o-transform'      : 'translate(left, top)',
    'transform'         : 'translate(left, top)'
  });
  
  $('.slideToCart').css('transform', 'translate(50px, 50px)');
  $('.slideToCart').css('-webkit-transform', 'translate(50px, 50px)');
  </code></pre>
  
  <p>Thank You,</p>