Edit in JSFiddle

$(".panel").on("click", function(){
	$(".panel").html("It worked!");
});
$(".cursor").on("click", function(){
	
  var dest = $(".panel").offset();
  
  $(".cursor").animate(
  	//CSS properties
  	{
    	left: dest.left + $(".panel").width()/2,
      top: dest.top + $(".panel").height()/2
    }
    
    //Duration
    ,2000
    
    //Done function
    , function(){
    		$(".panel").click();
    }
  
  )
  

});
<div class="panel"></div>
<div class="cursor"></div>
.panel{
  height:100px;
  width:100px;
  background-color: lightgrey;
  border-right: solid 1px darkgrey;
  border-bottom: solid 1px darkgrey;
  padding:5px;
}
.cursor{
  position:absolute;
  height:48px;
  width:48px;
  top: 45%;
  left:45%;
  cursor: pointer;
  background-image: url('https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/48/cursor.png');
}
.hide{
  display:none;
}