title: jQuery UI datepicker positioning issue in scrollable div
body: <p>My page contains a form inside a scrollable div. In the form there are a few datepickers. If I scroll while the datepickers are open, they do not scroll with the content of the div.</p>
  
  <p>I've found a hundred posts with the same issues online, but none of the solutions work in my environment.</p>
  
  <p>This jsfiddle demostrates my problem:
  <a href="http://jsfiddle.net/jbK6a/3/" rel="nofollow">Problem</a></p>
  
  <p>And this jsfiddle demostrates a fix:
  <a href="http://jsfiddle.net/jbK6a/15/" rel="nofollow">Fix</a></p>
  
  <pre><code>$("input").datepicker({
   beforeShow: function(input, obj) {
      $(input).after($(input).datepicker('widget'));
  }
  });
  </code></pre>
  
  <p>The fix is done in jQuery v1.7.2, I'm using v1.10.2 with jQuery UI v1.10.3.
  If you switch the jQuery library version to v1.10.2 in the fix jsfiddle, the datepicker breaks.</p>
  
  <p>Is there a working fix for the latest jQuery library?
  (If its of any consequence, I'm using MVC4 with EF4.5)</p>