JQuery set CSS Transform, Translate Properties in Class
<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>