title: jquery mobile drag and drop
body: <p>I'm playing around with the drag and drop feature of jQuery UI and it's working on my website, but when I navigate to my web page on an iPad, then the divs don't drag - the page itself moves up and down.</p>
  
  <p>I've have in the head tag:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /&gt;
  &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/le-frog/jquery-ui.css" type="text/css" media="all" /&gt;
  &lt;script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
  &lt;script&gt;
  google.load("jquery", "1");
  google.load("jqueryui", "1");
  google.setOnLoadCallback(init);
  &lt;/script&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"&gt;&lt;/script&gt;
  </code></pre>