title: Change Kinetic.Text's text on Group click event
body: <p>Just started checking out kinetic js. I have many groups, each of which has a <code>Kinetic.Text</code> and a <code>Kinetic.Rect</code>. </p>
  
  <p>I can easily change any text by this prompt;</p>
  
  <pre><code>text.on('click', function(evt) {
            this.setText(prompt('New Text:'));
            layer.draw(); //redraw the layer containing the textfield
          });
  </code></pre>
  
  <p>But i want to change the rectangle's (which encompasses the text ) height and width according to the text. So, this is what I tried, but this doesn't work. It shows me the prompt but doesn't change the text and also my group becomes unclickable after that!;</p>
  
  <pre><code> group.on('click', function(evt) {
                this.get('.textbox').setText(prompt('New Text:'));
                //this.get('.rectangle')....change rect's height/width here
                layer.draw(); //redraw the layer containing the textfield
              });
  </code></pre>
  
  <p>rectangle and textbox are the names for bothe <code>Kinteic.Text</code> and <code>Kinetic.Rect</code> in each group. What am I doing wrong?</p>