css() function call failing silently?
<p>I am having a strange problem with the css() function. Here's my code snippet.</p>

<pre><code>console.log('' + $(this).css('left') + ':' + $(this).css('top'));
console.log('Desired position - ' + return_to_left + ':' + return_to_top);
$(this).css('top', return_to_top + 'px');
$(this).css('left', return_to_left + 'px');
console.log('Finally: ' + $(this).css('left') + ':' + $(this).css('top'));
</code></pre>

<p>The output I get on the console is this.</p>

<pre><code>458px:2113px
Desired position - 448px:2102px;
Finally: 458px:2113px;
</code></pre>

<p>Could anyone suggest why this might be happening? I have tried experimenting with '!important'. Doesn't help.</p>

<p>(Also, for context, this code is part of a callback function after an animation. It tries to position the element back to where it was before animation began.)</p>

<p>Thank you for your help.</p>
