title: angularjs rails routing doesnt work
body: <p>I'm having some problems when try to load angular views in my rails app. But if I do in the page `{{1+3}} it gives me the correct result as 4. So I believe its something to do with routes  </p>
  
  <p>Following is my stack</p>
  
  <ul>
  <li><code>angular 1.2.20</code></li>
  <li><code>angular-ui-router (latest)</code></li>
  <li><code>rails 4.1.1</code></li>
  </ul>
  
  <p>Following are my files</p>
  
  <pre><code>#app/assets/javascript/app.js
  angular
      .module('app', ['ui.router'])
      .config(function($stateProvider, $urlRouterProvider, $locationProvider){
         $urlRouterProvider.otherwise("/home");
         $stateProvider
           .state('home',{
              url: 'home',
              template: "&lt;h1&gt;Test&lt;/h1&gt;"
           });
           $locationProvider.html5Mode(true);
      });
  
  
  
   #app/views/layout/application.html.erb
   # Please note I have added 'app' in the body tag 
   &lt;div ng-view&gt;
     &lt;%= yield %&gt;
   &lt;/div&gt;
  
  #config/routes
  #please note I have a controller called home
  root 'home#index'
  get '*path' =&gt; 'home#index' 
  </code></pre>
  
  <p>what I'm expecting is when I go to <code>http://localhost:3000</code> I should see the 'Test' inside the div. But its not happening and there are no errors in the js console as well. any help would be appreciated  </p>