title: Getting lightswitch HTML client to load related entities
body: <p>I am trying to load an entity based on a Query and allow the user to edit it. The entity loads without issues from the query, however it does not load its related entities, leaving detail pickers unfilled when loading the edit screen.</p>
  
  <p>This is the code that I have:</p>
  
  <pre><code>    myapp.BrowseCOAMissingHoldingCompanies.VW_ChartOfAccountsWithMissingHoldingCompanies_ItemTap_execute = function (screen) {
           var accountName = screen.VW_ChartOfAccountsWithMissingHoldingCompanies.selectedItem.AccountFullName;
          return myapp.activeDataWorkspace.Accounting360Data.FindChartOfAccountsMappingByAccountName(accountName)
            .execute().then(function (query) {
              var coa = query.results[0];
              return myapp.showAddEditChartOfAccountsMapping(coa, {
                  beforeShown: function (addEditScreen) {
                      addEditScreen.ChartOfAccountsMapping = coa;
  
                  },
                  afterClosed: function () {
                      screen.VW_ChartOfAccountsWithMissingHoldingCompanies.refresh();
                  }
              });
      });
  };
  </code></pre>
  
  <p>Interestingly if I open the browse screen (and nothing else) of that entity type first (which does retrieve the entity), then the related entities load correctly and everything works, but I can't figure out how to make that level of load happen in this code.</p>