What is the offset function returning in jQuery?
<p>I go through the code and I just do not understand what is the <code>offset</code> function returning:</p>

<pre><code>$(document).ready(function() {          
  $('#goto-show-form').click(function() {
      $('html, body').animate({scrollTop: $("#show-form").offset().top}, '500');
      $('#first-field').focus();
      return false;
  });
});
</code></pre>

<p>Please explain the <code>offset</code> function and how it works and what it returns. So what is it returning in:</p>

<pre><code>$("#show-form").offset().top
</code></pre>

<p>What is the difference between a <code>div</code> top and <code>offset</code> top?</p>
