title: Why i am getting same value in offset and position in jQuery?
body: <p>I have placed a span inside of the paragraph tag, now the position top should show as 0 and the offset should show some other value (need to calculate from document), but i am getting the same value in both...</p>
  
  <p>i am wrong?</p>
  
  <p>this is my code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  &lt;p&gt;paragraph&lt;span&gt;span&lt;/span&gt;paragraph&lt;/p&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$('span').click(function(){
  console.log($(this).position().top,$(this).offset().top)
  })
  
  CSS:
  
  p{
    color:green;
  }
  
  span{
    color:red;
  }
  
  div{
    height:100px;
    border:2px solid blue;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/BhsrS/" rel="nofollow">jsfiddle here</a></p>