How to write a number animation on the mouse button press event in QML?

[TheIndependentAquarius]

import QtQuick 1.0
 
Rectangle 
{
  width: 100; height: 100
  color: "red"
 
   MouseArea 
   {
    anchors.fill: parent
 
    onPressed:
    {
      NumberAnimation 
      { 
        target: parent.x
        to: 50; 
        duration: 1000 
      }
    }
  }
}

import QtQuick 1.0

Rectangle 
{
  width: 100; height: 100
  color: "red"

   MouseArea 
   {
    anchors.fill: parent

    onPressed:
    {
      NumberAnimation 
      { 
        target: parent.x
        to: 50; 
        duration: 1000 
      }
    }
  }
}

To copy to clipboard, switch view to plain text mode 

I expect this code to shift the x position of the rectangle on the button press event, but this does nothing.

Where am I going wrong?

[TheIndependentAquarius]

These threads solved my problem:
http://stackoverflow.com/questions/2...s-event-in-qml
http://stackoverflow.com/questions/2...ion-on-console