jQuery: adding element with dynamically calculated top property
<p>In order to perform some animations I need to add a second image, identical to the one I already have in my document, with the value of <code>top</code> property equal to the height of the image.</p>

<p>Right now I do:</p>

<pre><code>$("#blur").after("&lt;img src='someimg.jpg' id='above' &gt;");
var t = -($("#blur").height());
$("#above").animate({top: t}, 1);
</code></pre>

<p>But it's rather ugly - one can see the moment when new element is created and then moved to the right position.</p>

<p>Is there any way to place the second <code>&lt;IMG&gt;</code> with automatically calculated <code>top</code> walue? </p>

<p>My goal is to have two identical images stacked one over the another. </p>
