Анимация и движение к заданной точке при нажатии на кнопку

$('.source').click(function() { 
//создаем копию объекта: 
  var clone = $(this).clone().appendTo("body"); 
   
  //задаем первоначальную позицию: 
  clone.css({  
    top: $(this).offset().top, 
    left: $(this).offset().left, 
    position: 'absolute' 
  }) 
   
  //анимируем к позиции цели: 
  clone.animate({ 
    top: $('.target').offset().top, 
    left: $('.target').offset().left, 
    opacity: 0 //с уменьшением прозрачности 
  }, 
  //по завершении анимации удаляем элемент: 
  function() { 
    $(this).remove() 
  }) 
 
})

.source { 
  border: 1px solid #ccc; 
  position: absolute; 
  top: 200px; 
  left: 10px; 
} 
 
.target { 
  background: #ccc; 
  position: absolute; 
  top: 20px; 
  right: 10px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="source">source</div> 
<div class="target">target</div>