I have a number of svg groups and each group has a number of children within them. 

In case of a `click` on the `group` I would like to move all my groups with their children. I would like to know the `translate` properties of the `clicked` group, so I can move other groups.

I'm trying to get the `translate` property, but was unable to get it.

This is what I've tried:

```
var svg = d3.select('body').append('svg').attr({width:300,height:300});    
var group = svg.append('svg:g').attr({
    'width':100,
    'height':100,
    'transform' : 'translate(50, 50)'
});

group.append('circle').attr({'r':30});

group.on('click', function () {
    console.log(this); //how to get the translated properties?
});

```

[Jsfiddle](http://jsfiddle.net/5w85zbzx/)