Usando jquery-mobile, estou tentando abrir um segundo pop-up (para confirmar) do primeiro pop-up quando o usuário clica em excluir.

Eu vi uma discussão semelhante com o código jsfiddle de trabalhohttp://jsfiddle.net/EWQ6n/520/ aqui:Abrindo o Diálogo de dentro de um Diálogo no JQuery Mobile

No entanto, mesmo copiar e colar esse código pop-up em funcionamento no meu jsfiddle não funciona. Estou usando o jQuery 1.10.1 com o 1.4.2 mobile. O jsfiddle de trabalho no segmento acima está usando 1.9. com celular 1.30b.1Quando mudo meu jquery para as versões mais antigas, ele funciona. (Eu sei, essa parece ser a resposta mais fácil, mas mudar agora vai atrapalhar outras dependências e estilos de código. Quero entender esse problema.)

    <!-- first popup -->
<div data-role="popup" id="popupInfo" data-dismissible="false" style="max-width:400px;">
    <div data-role="header" class="ui-corner-top">
         <h1>Contact Info</h1>
    </div>
    <div data-role="content" data-theme="a">
        <label for="name">Name:</label>
        <input type="text" name="name" id="name" value="" placeholder="Display name" data-theme="a">
        <label for="tel">Number:</label>
        <input type="tel" name="tel" id="tel" value="" placeholder="tel" data-theme="a">
        <button type="submit" data-theme="b" class=" ui-btn ui-btn-b ui-shadow ui-corner-all">OK</button> <a href="#" data-role="button" data-rel="back">Cancel</a>
<a href="#popupDelete" data-role="button" data-rel="popup" data-transition="flow" data-icon="minus">Delete</a>
    </div>
</div>

<!-- second popup -->        
<div data-role="popup" id="popupDelete" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:600px;">
    <div data-role="header" data-theme="aa" class="ui-corner-top">
         <h1>Delete Contact?</h1>

    </div>
    <div data-role="content" data-theme="dd">
         <h3 class="ui-title">Are you sure you want to delete <span>#</span> from your contacts?</h3>

        <p>This action cannot be undone.</p>
        <button type="submit" data-theme="b" class=" ui-btn ui-btn-b ui-shadow ui-corner-all ui-btn-inline">OK</button> <a href="#" data-role="button" data-rel="back">Cancel</a>

    </div>
</div>

Também notei no jsfiddle, as duas últimas divs dentro do meu primeiro código pop-up são vermelhas. (isso significa que eles são inválidos?) No meu editor, eles parecem ser html válidos - pelo menos não consigo encontrar nenhum problema.

Este é o meu jsfiddle que não funciona:http://jsfiddle.net/gmdavis62/7AuNC/2/