title: jQuery .offset(position) not working properly
body: <p>Ok, continuing my adventure with this page.  Now I have this in my page (some of the things are placeholders for now):</p>
  
  <pre><code>$(document).ready(function() {
      $(":input")
          .focus(function() {
              var localOffset = 20;
              var hint = $(this).attr("name");     // this is the placeholder part
              if(hint !== undefined)
              {
                  $('#form_entry_hint').html(hint);
                  var pos = $(this).offset();
                  // I added rounding because it didn't work - but still not working
                  pos.left = Math.round(pos.left + $(this).width() + localOffset);
                  pos.top = Math.round(pos.top - 3);
                  // the following alert is for debugging - it shows the correct values
                  alert("top: " + pos.top + "; left: " + pos.left);
                  $('#form_entry_hint').offset(pos);    // this is the line that doesn't always work
                  $('#form_entry_hint').show();
              }
          })
          .blur(function() {
              $('#form_entry_hint').hide();
          });
  });
  </code></pre>
  
  <p>This works perfectly fine on the first <code>focus</code>.  However on subsequent execution, the <code>#form_entry_hint</code> is being placed waaay down and to the right.  Although the debugging shows the correct values (286, 418), when it's placed with <code>.offset(pos)</code>, it ends up at (1199, 1692) - or somewhere near there with these numbers being different every time - but always way out of place.</p>
  
  <p>What am I missing this time? :)</p>