title: statechangestart prevent from navigating
body: <pre><code>$rootScope.$on('$stateChangeStart', function(event, toState  , toParams
                                                     , fromState, fromParams) {
       if(fromState.name=='home' &amp;&amp; toState.name == 'search'){
           event.preventDefault();
       }
  });
  </code></pre>
  
  <p>I am trying to prevent the state transitioning from happening. </p>
  
  <pre><code>event.preventDefault() 
  </code></pre>
  
  <p>is not doing that.
  I want the state to remain in the current one.</p>