jquery .offset doesn't give me correct coordinates
<p>I'd like to append image and move it to correct place.</p>

<p>Image is created in a separate div in the the content of the page where user clicks button. Than this element should animate to a sidebar placeholder.</p>

<p>My offset fdest_pos is exactly where it should be. But offset gives me incorrect coordinates.</p>

<p>Why?</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {

        $(".compareboxbtn a").on("click", function(){

                $.ajax({
                    url: $(this).attr("href"),
                    type: "GET",
                    cache: false,
                    success: function (data) {

                        var product_img = data;
                            console.dir(product_img);
                        var fdest_pos = $("#compareleft").offset();
                            console.dir(fdest_pos);

                        $(".compareboxbtn").append(product_img);
                        $(".compareprodimg").css({"position": "absolute"}).animate({"left": fdest_pos.left, "top": fdest_pos.top}, "fast");
                    }
                });

            return false; //disable default behavior
        });

    });
&lt;/script&gt;
</code></pre>
