title: AngularJS router-ui. Load child state in named view on the same level as parent
body: <p>What i'm trying to do:</p>
  
  <pre><code>&lt;div id="chat"&gt;
       &lt;div ui-view&gt;Here should people.htm be loaded&lt;/div&gt;
       &lt;div ui-view="chat"&gt;Here is current person chat peopleChat.htm&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I already managed a nested structure. If "chat" is child of "people" - no problem.</p>
  
  <p>But I want em to remain on the same level, but be in a different state. Something like.</p>
  
  <pre><code>$stateProvider
      .state('people', {
          url: '/people',
          templateUrl: ...,
          controller: ...
      })
      .state('people.chat', {
          views: {
              'chat': {
                  url: '/:personId',
                  templateUrl: ...,
                  controller: ...
              }
          }
      })
  </code></pre>
  
  <p>My unnamed view is filling with data. After unnamed view is filling, i'm calling $state.go('people.chat', { personId: vm.personId });</p>
  
  <p>But nothing is happening.</p>