scrollTop not returning the distance above the viewport
<p>Does anyone see why scrollTop() doesn't return the amount of #box above the viewport when it is scrolled up in this jsfiddle - <a href="http://jsfiddle.net/qD7Yh/" rel="nofollow">http://jsfiddle.net/qD7Yh/</a> -? Clicking the box returns the current scrollTop.</p>

<p>The jQuery is:</p>

<pre><code>$(document).ready(function(){
    $('#box').click(function() {
    alert("scrollTop() for box is " + $('#box').scrollTop());
    });
});
</code></pre>

<p>Thanks</p>
