title: jquery ui drag and drop not work on mobile
body: <p>I am trying to design an application using Phonegap, JQuery UI , JQuery mobile and I want to drag and drop but I don't know why my code doesn't work on mobile. It works fine on browser but when I run it on mobile it's not working. </p>
  
  <p>Here is my code </p>
  
  <p>Html code :</p>
  
  <pre><code>&lt;div class="mathheader"  align="center" id="container"&gt; 
   &lt;span id="a1" class="cartridge" &gt;&lt;img src="img/app2.png"/&gt;&lt;/span&gt;
     &lt;span  id="a2" class="cartridge"&gt;&lt;img src="img/app2.png" /&gt;&lt;/span&gt;
       &lt;span  id="a3" class="cartridge"&gt;&lt;img src="img/app2.png" /&gt;&lt;/span&gt;
         &lt;span  id="a4" class="cartridge" &gt;&lt;img src="img/app2.png" /&gt;&lt;/span&gt;
          &lt;span  id="a5" class="cartridge" &gt;&lt;img src="img/app2.png" /&gt;&lt;/span&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code> &lt;table width="100%" border="1" cellspacing="0" cellpadding="5"&gt;
  &lt;tr bgcolor="#F2F2F2"&gt;
  &lt;td width="50%"  align="center" class="x" &gt;
  &lt;p&gt;&lt;b&gt;coulm1&lt;/b&gt;&lt;/p&gt;
  &lt;/td&gt;
  &lt;td width="50%"  align="center" class="x"&gt;
   &lt;p&gt;&lt;b&gt;coulm2&lt;/b&gt;&lt;/p&gt;
   &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
    &lt;td width="50%" align="center" id="Td1"  class="y" background="img/1.png"&gt;    
    &lt;/td&gt;
    &lt;td width="50%"  align="center" id="Td2"  class="y" background="img/4.png"&gt;
    &lt;/td&gt;
     &lt;/tr&gt;
    &lt;/  table&gt;
  </code></pre>
  
  <p>I need to drop those in this table :</p>
  
  <p>now I use darg and drop by class here is javascript code :
   I use jquery ui 
           
       
       
       
       
       </p>
  
  <pre><code>  $(function () {
          $(".cartridge").draggable({
              cursor: 'move',
              helper: 'clone',
              revert: 'invalid',
  
          });
  
          $(".y").droppable({
              accept: '.cartridge',
              drop: function (event, ui) {
                   $(ui.draggable).appendTo(this);
                   checkwinner();
              }
          });
  
      });
  </code></pre>
  
  <p>It works on browser but on mobile.
  Thanks </p>