title: multiple dialog box within same page
body: <p>Requirement is to show dialog box on click of a button.I have created dialog box using jQuery UI. Please find the code here <a href="http://jsfiddle.net/M4QM6/32/" rel="nofollow">http://jsfiddle.net/M4QM6/32/</a>.
  ISsue is i have single function for creating dialog box, how can i show multiple dialog box within same page with each dialog box displaying different data,
  When i click on dialog2 button, i need to show  a dialog box which has textArea and a submit button.Please suggest.
  Below is the sample code:</p>
  
  <pre><code>$(function() {
      $("#dialog").dialog({
              autoOpen: false,
              resizable: true,
              width:"750",
              height:300,
              modal: true,
              buttons: {
                  "Close": function() {
                      $(this).dialog("close");
                  }
              }
          });
  
      });
  </code></pre>