I use a jquery tooltip function for input fields. It works fine in laptops/desktops. However, the tooltip begins to offset when you scroll the page in iPad. If you don't scroll, the tooltip shows where it should. Once you scroll, the tooltip begins to show higher on the page.

In the js file there's this line that is supposedly responsible for this bug:

if(/iPad/i.test(navigator.userAgent))t.top=t.top-d(window).scrollTop()

I tried different things to make it work, but nothing seems to be working.

The tooltip is called out with this:

Code:
<script>
  $(function() {
      $(".suggestions :input").tooltip({
      position: "center right",
      offset: [-2, 15],
      effect: "fade",
      opacity: 1.5
      });
    });
</script>
Is there a way to fix this?