title: Using $routeProvider with $stateProvider
body: <p>in beginning I was just using $routeProvider as follows and it was giving me what I wanted.</p>
  
  <pre><code>angular.module('angularProject', ['angularProject.filters', 'angularProject.services', 'angularProject.directives', 'angularProject.controllers'])
    .config(['$routeProvider', function($routeProvider) {
      $routeProvider
        .when('/home', {
          title: 'Home',
          templateUrl: 'partials/home.html',
          controller: 'homeCtrl'
        })
        .otherwise({redirectTo: '/home'});
    }]);
  </code></pre>
  
  <p>But when I also wanted to use $stateProvider as follows it is not giving me errors but also not allowing me to change state..</p>
  
  <pre><code>var myapp=angular.module('angularProject', ['ui.bootstrap','ui.router','angularProject.filters', 'angularProject.services', 'angularProject.directives', 'angularProject.controllers'])
    myapp.config(['$routeProvider', '$stateProvider',function($routeProvider,$stateProvider) {
      $routeProvider
        .when('/home', {
          title: 'Home',
          templateUrl: 'views/home.html',
          controller: 'homeCtrl'
        })
        .otherwise('/home');
      $stateProvider
          // .state('index', {
              // url: "",
              // views: {
                  // "viewA": {
                      // template: "index.viewA"
                  // },
                  // "viewB": {
                      // template: "index.viewB"
                  // }
              // }
          // })
          .state('route1', {
              url: "/route1",
              views: {
                  "viewA": {
                      template: "route1.viewA"
                  },
                  "viewB": {
                      template: "route1.viewB"
                  }
              }
          })
          .state('route2', {
              url: "/route2",
              views: {
                  "viewA": {
                      template: "route2.viewA"
                  },
                  "viewB": {
                      template: "route2.viewB"
                  }
              }
          })
       // .otherwise({redirectTo: '/home'});
    }]);
  </code></pre>
  
  <p>Any help on how to use $stateProvider with $routeProvider would be appreciated..</p>