Jquery animating child using destination offset with parent set to position relative
<p>I've some serious problems with animating little image from 1 place to another.</p>

<p>I get destination offset and try to animate my image towards desired location using offset content as coordinates. But it always ends up incorrect.</p>

<p>I understand the problem is position:relative, position:absolute; But I cannot get rid of these becuase of the the layout I've...</p>

<p>Is there a better way to calculate coordinates against window?</p>

<p>I made simplified fiddle so you can see what I mean...</p>

<p><a href="http://jsfiddle.net/9WMGk/1/" rel="nofollow">http://jsfiddle.net/9WMGk/1/</a></p>

<pre><code>$("#thirdBA a").on("click", function(){
    $("#thirdBA").append('&lt;p class="animated"&gt;This is me&lt;/p&gt;');
    var offset = $("#second").offset();
    console.dir(offset.left);
    console.dir(offset.top);
    $(".animated").animate({left: offset.left, top: offset.top},"slow");
});
</code></pre>

<p>When you click link box is appended. And than it must move to "come here" div.</p>

<p>Any ideas how to solve my problem?</p>
