title: Jquery dialog with input textbox
body: <p>I want to use jquery dialog to collect user information( user name for example). How do I do that with Jquery and collect data into Javascript variable?</p>
  
  <p>This is my attempt so far:</p>
  
  <pre><code>// Dialog here, how to rewrite this?
  $('&lt;form&gt; &lt;input type="text" style="z-index:10000" name="name"&gt; &lt;br&gt; &lt;/form&gt;').dialog({modal:true});
  
  // push data to Parse
  var Label = Parse.Object.extend("Label");
  var result = new Label();
  result.set("labels", localStorage.getItem("labels"));
  result.set("name", name);
  
  result.save(null, {
    sucess : function(result) {
      alert("Stored data sucessfully!");
    },
    error: function(result, error) {
      alert("Error submitting data, error code:" + error.message);
    }
  });
  </code></pre>
  
  <p>However I couldn't enter text yet.</p>