title: How to show a jQuery page inside a popover?
body: <p>I'm using jQuery Mobile to develop an iPad app.
  I want to have a toolbar with a button that displays a popover when clicked.
  After some search I found this <a href="https://github.com/harryhorn/jquery-popover" rel="nofollow">jQuery popover implementation</a>. It works fine but without any styling for the header or content.
  I then made some tweaks and decided to set only a content which would be a regular jQuery page like this:</p>
  
  <pre><code>&lt;div id="popover-add-project" data-role="page" data-url="popover-add-project"&gt;
    &lt;div data-role="header" data-position="fixed"&gt;
      &lt;h1&gt;Add New Project&lt;/h1&gt;
    &lt;/div&gt;&lt;!-- /header --&gt;      
    &lt;div data-role="content"&gt;
      &lt;p&gt;project form to be inserted here&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that it displays an empty popover.
  A simplified code is <a href="http://ecil.teodo.ro/files/www.zip" rel="nofollow">here</a> and can be executed by opening index.html on a webkit browser (I tested only on Safari and Chrome) and clicking Add button.</p>
  
  <p>jquery.popover.js contains popover related code.</p>
  
  <p>app.js creates the popover for the Add button.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks.</p>