Simple Multipage - Popup Example - Broken

popup_example_test

<code>
<!-- Start of first page -->
<div data-role="page" id="foo">
   <div data-role="header">
      <h1>Foo 1</h1>
   </div>
   <!-- /header -->
   
   <div data-role="content" data-theme="f">
      <div data-role="fieldcontain" data-theme="f" class="field-container">
         <div data-role="popup" id="popupTesterThemed" data-overlay-theme="e" data-theme="a">
                <ul data-role="listview">
                  <li>Some Item</li>
                   <li>Some Item</li>
                    <li>Some Item</li>
                     <li>Some Item</li>
                      <li>Some Item</li>
                  <li><a href="#foo2">Foo 2</a> </li>
                </ul>
            </div>
         <a href="#popupTesterThemed" data-rel="popup" data-role="button" data-inline="true">Pop</a>
         <p>FOO 1 PAGE</p>
         <p>I'm first in the source order so I'm shown as the page.</p>
         <p>View internal page called <a href="#bar">bar</a></p>
      </div>
      <!-- /content --> 
   </div>
   <div data-role="footer">
      <h4>Page Footer</h4>
   </div>
   <!-- /header --> 
</div>
<!-- /page -->


<div data-role="page" id="foo2">
   <div data-role="header">
      <h1>Welcome To Foo 2</h1>
   </div>
   <!-- /header -->
   
   <div data-role="content" data-theme="f">
      <div data-role="fieldcontain" data-theme="f" class="field-container">
         <div data-role="popup" id="popupTesterThemed" data-overlay-theme="e" data-theme="a">
                <ul data-role="listview">
                  <li>Some Item</li>
                   <li>Some Item</li>
                    <li>Some Item</li>
                     <li>Some Item</li>
                      <li>Some Item</li>
                  <li><a href="#foo2">Foo 2</a> </li>
                </ul>
            </div>
         <a href="#popupTesterThemed" data-rel="popup" data-role="button" data-inline="true">Pop</a>
         <p>FOO 2 PAGE</p>
         <p>I'm first in the source order so I'm shown as the page.</p>
         <p>View internal page called <a href="#bar">bar</a></p>
      </div>
      <!-- /content --> 
   </div>
   <div data-role="footer">
      <h4>Page Footer</h4>
   </div>
   <!-- /header --> 
</div>
<code>