title: Refresh parent page when jQuery UI Dialog is closed
body: <p>So every time a specific dialog box in jQuery UI is closed I want the parent page to be refreshed. How can I achieve this.</p>
  
  <p>jQuery Code:</p>
  
  <pre><code>        $(document).ready(function() { 
           var dlg=$('#createTeam').dialog({
           title: 'Create a Team',
           resizable: true,
           autoOpen:false,
           modal: true,
           hide: 'fade',
           width:600,
           height:285
        });
  
  
        $('#createTeamLink').click(function(e) {
            dlg.load('admin/addTeam.php');
            e.preventDefault();
            dlg.dialog('open');
        }); 
  }); 
  </code></pre>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;button href="" type="button" id="createTeamLink" class="btn btn-primary custom"&gt;Create Team&lt;/button&gt;
  &lt;div id="createTeam" class="divider"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How do I get the main parent page to refresh/reload after the dialog box is closed? </p>