title: How can I create an overlay box using jQuery mobile
body: <p>I know that I can create a jQuery mobile overlay which loads content from another page.</p>
  
  <p>Can I create an overlay manually to display a message to the user? Something sexier than the standard JS alert box?</p>
  
  <p><strong>Update</strong></p>
  
  <p>Instead of saying</p>
  
  <pre><code>&lt;a href="my_message.html" data-rel="dialog"&gt;Show Message&lt;/a&gt;
  </code></pre>
  
  <p>I want to say something like:</p>
  
  <pre><code>$.showDialog("Hello world!");
  </code></pre>