title: Kinetic JS - How to get the coordinates of member of a group (after group has been dragged)?
body: <p>I have a group of Kinetic.Rectangle objects with draggable set to true. No matter how much you drag the group around, calling rect.getX() or rect.attrs.x, where rect is one of the rectangle objects in the group, e.g.: </p>
  
  <pre><code>var rect = group.get('.rect')[0];
  </code></pre>
  
  <p>always returns the same value. Anybody know how the get the actual x and y values of where each rectangle is being drawn?</p>
  
  <p>Thanks!</p>