select dependiente jquey mobile

[roboty]

Bueno ahora me pasa el siguiente error, todo funciona bien osea que al selecionar un valor del primer select me cargo el valor del segundo select, pero tengo un problema si desactivo el menu nativo del dispositivo usando el que ofrece jquery mobile no me funciona el segundo select y si lo dejo activado el menu nativo del segundo select si que funciona, a que se debe este problema como puedo solucionarlo ya que no quiero usar el menu nativo del dispositivo, el codigo lo tengo asin:

Código HTML:

<label for='select1'>Selecione una opcion</label>
        <select data-native-menu='false' id='select1' name='select1'>
            <?php
            while($row=mysql_fetch_array($consulta)){
                ?>
                <option value='<?php echo $row['nombres'];?>'><?php echo $row['ciudad'];?></option>
                <?php
            }
            ?>
        </select>
 
 
 
 
 
        <label for='select2'>Selecione una opcion</label>
        <select   id='select2' data-native-menu='false' name='servicio' >
            <option value='1'>selecione</option>
        </select>
 

al pulsar el segundo select me salta el menu que ofrece jquery mobile que en este caso en un dialogo pero me lo muestra facio, estube mirando por google pero no consigo ver nada que me pueda ayudar a entender el problema, espero que los mas expertos me puedan ayudar.

Saludos.