How to close jQuery Dialog within the dialog?

Question

How to close jQuery Dialog within the dialog without using the close button?

Inside the Dialog is a simple form request. If a successful submission occurs, then the UI dialog automatically closes and refreshes the parent page:

<script type="text/javascript">     $(document).ready(function () {         $("#form-dialog").dialog({             autoOpen: true,             modal: true,             width: 200,             draggable: true,             resizable: true         });     }); </script>  <div id="form-dialog" title="Form Submit">     <form action="default.aspx" method="post">         <input type="text" name="name" value=" " />             <input type="submit" value="submit" />          <a href="#" id="btnDone">CLOSE</a>          <script type="text/javascript">         $(document).ready(function () {             $("#btnDone").click(function () {                 $(this).dialog('close');             });         });         </script>     </form> </div> 

Answer 1

you can close it programmatically by calling

$('#form-dialog').dialog('close') 

whenever you want.