jQuery SVG - Cannot apply multiple Transform attributes one by one

jQuery SVG - Cannot apply multiple Transform attributes one by one

I am trying to apply transform attribute to an object like this:
  1. var svg = $('#svgphone').svg('get');
    var cx = eval($('#img', svg.root()).attr('width'))/2;
    var cy = eval($('#img', svg.root()).attr('height'))/2;
    r = 45;
    var rr = r + ", " + cx + ", " + cy;
    $('#img', svg.root()).attr('transform', 'rotate(' + rr + ')')




    ;
Now if I apply another attribute for scaling like this:
  1. var svg = $('#svgphone').svg('get');
    myScale = 101;
    $('#img', svg.root()).attr('transform', 'scale(' + myScale + ')') ;



The previously applied attribute gets reset. Why?