Angular UI-Router works as expected as long as I do not use nested states. For example, this works:

```
$urlRouterProvider.otherwise("/marketing");
$stateProvider
  .state('marketing', {
    url: '/marketing',
    templateUrl: 'partials/marketing',
  })
  .state('landing', {
    url: '/landing',
    templateUrl: 'partials/marketing-landing',
  })
  .state('features', {
    url: '/features',
    templateUrl: 'partials/marketing-features',
  })

```

And this doesn't:

```
$urlRouterProvider.otherwise("/marketing");
$stateProvider
  .state('marketing', {
    url: '/marketing',
    templateUrl: 'partials/marketing',
  })
  .state('marketing.landing', {
    url: '/landing',
    templateUrl: 'partials/marketing-landing',
  })
  .state('marketing.features', {
    url: '/features',
    templateUrl: 'partials/marketing-features',
  })

```

In any case where a child URL (ie. /marketing/landing) is loaded either via a sref link or direct URL entry, only the parent partial (partials/marketing) is displayed, despite the address bar changing to the child's URL.

Index.jade:

```
div(ui-view)

```

marketing.jade:

```
h1 marketing layout

div(ui-view)

```

marketing-landing.jade: 

```
h1 This is the landing page

```

marketing-features.jade:

```
h1 This is the features page

```

This is my first time using AngularUI. Let me know any other relevant information I can provide.