title: wait till jquery dialog box returns
body: <p>I need to open a popup window on clicking a button and used jquery dialog for this.</p>
  
  <pre><code>    $(document).ready(function(){
      $("#dialog-form").dialog({
          autoOpen : false,
          height : 300,
          width : 350,
          modal : true,
          buttons : {
              "Add" : function() {
                  $("#tag1").text($("#textArea").val());
                  $(this).dialog("close");
              },
              Cancel : function() {
                  $(this).dialog("close");
              }
          },
          close : function() {
              $("#textArea").val("");
          }
      });
  
  });
  
      function openWindow(){
          $("#dialog-form").dialog("open");
          statement1;
          statement2;
          }
  
  
  &lt;button id="add" onclick="openWindow()"&gt;Add&lt;/button&gt;
  </code></pre>
  
  <p>problem over here is when i click the button dialog box is opened, but before even i enter some text in the dialog box statement1 and statement2 are getting executed and then focus is coming to the dialog box.</p>
  
  <p>How can i make the statement1 and statement2 to execute only after dialog box returns?</p>
  
  <p>I don't want to add the statement1 and statement2 to the "Add" function. The reason for not adding the statements in the "Add" function is because i have multiple buttons and each of these should first open the dialog box and then will execute different set of statements. </p>