title: ui.router will not allow to show changes in my HTML
body: <p>Below is my config for using ui.router. I make a change to left.html thinking I would see my changes, yet I don't.  I have to change the name of the html file to see changes. How do reflect changes in my HTML?</p>
  
  <pre><code>&lt;div class="col-md-3"&gt;
      &lt;div ui-view="left"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-9"&gt;
      &lt;div ui-view="right"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
  ms.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    $urlRouterProvider.otherwise("manageservices");
    $stateProvider
      .state('manageservices', {
        abstract : true,
        templateUrl: 'static/app/manage-services/manageservices.html',
        controller: 'ManageServicesCtrl',
        cache: false,
        reload: true
      })
      .state('manageservices.main', {
        url: "/manageservices",
        views: {
          'left': {
            templateUrl: 'static/app/manage-services/left.html',
            controller: 'ManageServicesCtrl',
            cache: false,
            reload: true
          },
          'right': {
            templateUrl: 'static/app/manage-services/right.html',
            controller: 'ManageServicesCtrl',
            cache: false,
            reload: true
          }
        } //end views 
  
      })
  })
  </code></pre>