title: Make jQuery Wait For $.post to complete updating page
body: <p>I am calling a function to refresh a part of the current page with a jQuery.post - and then after that function completes I need to execute another function that updates the Google Map on that page, using the updated HTML written out from the $.post</p>
  
  <p>I cannot nest the functions because DoGoogleMap() won't work within the scope of the RefreshSubdivisionList() function.</p>
  
  <p>How do I make it wait for the $.post to finish writing the updated HTML to the page before it calls the DoGoogleMap() function?</p>
  
  <pre><code>function RefreshSubdivisionList() {
  
      var formActionScript = jQuery("#RefreshSubdivisionForm").attr('action');
  
      jQuery.post(formActionScript, jQuery("#RefreshSubdivisionForm").serialize()).done(function(data) {
  
          jQuery(".subdivision-list").html(data).show();
  
      }, 'text');
  
      return true;
  
  }
  
  
  jQuery("#RefreshSubdivisionForm").submit(function(event) {
  
      event.preventDefault();
      jQuery.when( RefreshSubdivisionList() ).done(function(){
          jQuery('#map_canvas').gmap('destroy');
          DoGoogleMap();
      });
  
      return false;
  
  });
  </code></pre>