title: Raphael JS rotate group/set not individually
body: <p>I've been toying around with Raphael JS, but failed to find any solution to rotate a group/set of paths as group, and not individually.</p>
  
  <p><strong>A group/set of path:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/QOdBY.png" alt="A group/set of path"></p>
  
  <p><strong>Each element is rotated. Not the entire group/set:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/yB9hv.png" alt="When group/set is rotated"></p>
  
  <p><strong>How I do:</strong></p>
  
  <pre><code>var bobble = map.paper.set();
  
  bobble.push(map.paper.add([{
      "fill":fill,
      "stroke":"none",
      x: 50,
      y: 50,
      width: 100,
      height: 100,
      "type":"rect",
      "r": 4
  },{
      "fill":fill,
      "stroke":"none",
      x: 100,
      y: 25,
      width: 200,
      height: 50,
      "type":"rect",
      "r": 4
  }]));
  
  bobble.rotate(45);
  </code></pre>
  
  <p>What am I doing wrong?</p>