title: Jquery Mobile dialog
body: <p>I started learning Jquery mobile, I followed this <a href="http://dev.jtsage.com/jQM-SimpleDialog/demos/string.html" rel="nofollow">http://dev.jtsage.com/jQM-SimpleDialog/demos/string.html</a>. Nothing happens when I click the button.  The code I wrote is :</p>
  
  <pre><code> &lt;link rel= "stylesheet" href= "http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /&gt;
  &lt;script src= "http://code.jquery.com/jquery-1.5.2.min.js"&gt;&lt;/script&gt;
    &lt;script src= "http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
   $(document).delegate('#simplestring', 'click', function() {
       $(this).simpledialog({
       'mode' : 'string',
        'prompt' : 'What do you say?',
       'buttons' : {
        'OK': {
        click: function () {
         $('#dialogoutput').text($('#dialoglink').attr('data-string'));
        }
        },
        'Cancel': {
         click: function () { },
          icon: "delete",
          theme: "c"
          }
          }
           })
          })
   &lt;/script&gt;
  </code></pre>
  
  <p>Then within the body I wrote :</p>
  
  <pre><code>      &lt;p&gt;You have entered: &lt;span id="dialogoutput"&gt;&lt;/span&gt;&lt;/p&gt;
       &lt;a href="#" id="dialoglink" data-role="button"&gt;Open Dialog&lt;/a&gt;
  </code></pre>
  
  <p>Could you please point to my error? Maybe in the header ? I have to learn jquery mobile because I wrote a dialog box in javascript that won't show up in my Webapp. I read that the SimpleDialog in JQM aims to be a replacement for javascript dialog().</p>