Ionic custom header(ion-nav-bar) hides issue

I work on default created app: ionic start conference sidemenu
& I want to have in my app the same header(with Back button and other custom buttons) on each page. I tried to define a custom ion-nav-bar in index.html as following:

<body ng-app="starter">    
  <ion-nav-bar class="bar-stable">
   	<ion-nav-buttons side="left">
       <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
    <ion-nav-buttons side="right">
      <button menu-toggle="right" class="button button-icon icon ion-navicon"></button>
</body> </html>

and all the other pages looks like this:

<ion-view view-title="PageN">
      <ion-item ng-repeat="article in articles" href="#/app/articles/{{}}">

routing looks like:

angular.module('starter', ['ionic', 'starter.controllers']) 
  .run(function($ionicPlatform) { 
     $ionicPlatform.ready(function() { 
        if (window.cordova && window.cordova.plugins.Keyboard) {       
       } if (window.StatusBar) { StatusBar.styleDefault(); } 
}); }) 

.config(function($stateProvider, $urlRouterProvider) { 
.state('app', { 
   url: '/app', 
   abstract: true, 
   templateUrl: 'templates/menu.html', 
   controller: 'AppCtrl' })    

  .state('', {
    url: '/search',
    views: {
      'menuContent': {
        templateUrl: 'templates/search.html'
    data: {
		authorization: true,
		redirectTo: 'app.login'


After I launched the application, my custom navbar is hidden. I can see only default navbar. How to customize the default navbar or how to replace it with a custom one? I already tried some solutions including header but without success.