title: conflicts phonegap and jQuery/jQuery Mobile...?
body: <p>I come for ask if you know some conflicts of jQuery/jQuery Mobile with phonegap, because I've an app made with jQuery Mobile and phonegap, and when I include the cordova.js the app doesn't work, that is, I see the UI well, but the app doesn't make anything...and some divs should change but they keep stopped.
  Regards, Daniel</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;APP THE SUPERDRIVER&lt;/title&gt;
      &lt;script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"&gt;&lt;/script&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;!-- necesario para jQuery Mobile --&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /&gt; 
      &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="estilos.css" type="text/css" /&gt; &lt;!-- incluimos la hoja de estilos --&gt;
          &lt;!-- incluimos el api de PhoneGap --&gt;
      &lt;script type="text/javascript" charset="utf-8" src="api.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" charset="utf-8" src="funciones.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div data-role="page"&gt; &lt;!-- jQuery Mobile: div que hará el papel de página de nuestra app --&gt;
          &lt;div data-role="content"&gt; &lt;!-- jQuery Mobile: div que hará el papel de contenedor --&gt;
              &lt;div id="div"&gt; &lt;!-- div que contiene la esfera central, la que marca la marcha recomendada --&gt;
                  &lt;div class="contenido"&gt;1&lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="divSupIzq"&gt; &lt;!-- div que contiene la esfera superior izquierda , que marca la velocidad actual --&gt;
                  &lt;div class="contenidos"&gt;&lt;div id="textoDinamico"&gt;120 &lt;/div&gt;&lt;div id="textoEstatico"&gt;KM/H&lt;/div&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="divSupDer"&gt; &lt;!-- div que contiene la esfera superior derecha , que marca los avisos --&gt;
                  &lt;div class="contenidos"&gt;zona de&lt;/br&gt;avisos&lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="divInfIzq"&gt; &lt;!-- div que contiene la esfera inferior izquierda , que contiene información --&gt;
                  &lt;div class="contenidos"&gt;zona de&lt;/br&gt;informaci&amp;oacute;n&lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="divInfDer"&gt; &lt;!-- div que contiene la esfera inferior derecha , que marca las alarmas --&gt;
                  &lt;div class="contenidos"&gt;&lt;img src="aceleracionBrusca.gif" class="aceleracionBrusca" style="display:none"/&gt;
                  &lt;p&gt;zona de&lt;/br&gt;alarmas&lt;/p&gt;&lt;/div&gt;
              &lt;/div&gt;  
          &lt;/div&gt;
          &lt;div data-role="navbar" data-position="fixed" data-theme="b"&gt; &lt;!-- jQuery Mobile: div que hará el papel de menú footer --&gt;
              &lt;nav&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;One&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Twoo&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Three&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;  
          &lt;/div&gt;  
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If I comment/remove the quinth line, the app works. But I need include phonegap api. 
  NOTE: In my javascript files, I use:</p>
  
  <pre><code>document.addEventListener("deviceready", onDeviceReady, false);
  var watchIDgeolocation = null;      // ID que devolverá el objeto geolocation
  
  function onDeviceReady() {
  var options = { frequency: 1000 };  // Cada 1 s queremos obtener los datos
  watchIDgeolocation = navigator.geolocation.watchPosition(onSuccessGeolocation, onErrorGeolocation, options);
  }
  
  var onSuccessGeolocation = function(position){
     // here I call other functions and make things through jQuery 
  }
  
  function onErrorGeolocation(error) {
   alert('code: '    + error.code    + '\n' +
    'message: ' + error.message + '\n');
  }
  </code></pre>
  
  <p>But this javascript code don't work if I include phonegap library...only without it...I think that it works without this phonegap api, because is code part of the api of html5, right?
  Best regards</p>