title: Can't get ng-model on $scope
body: <p>I'm trying new things with AngularJS but I can't get a simple input value.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;label class="item-input-wrapper"&gt;
      &lt;i class="icon ion-ios7-search placeholder-icon"&gt;&lt;/i&gt;
      &lt;input type="search" placeholder="Search" ng-change="search()" ng-model="searchText" ng-init="searchText='demo'"&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>.controller('MoviesCtrl', function ($scope, $stateParams, lubTmdbApi) {
      console.log("SearchText:"+$scope.searchText)
      $scope.search = function() {
          console.log("SearchText:"+$scope.searchText)
      };
  })
  </code></pre>
  
  <p>Always getting:</p>
  
  <pre><code>SearchText:undefined
  </code></pre>
  
  <p>UPDATE: this is my State</p>
  
  <pre><code>      .state('app.movies', {
              url: "/movies",
              views: {
                  'menuContent': {
                      templateUrl: "templates/movies.html",
                      controller: "MoviesCtrl"
                  }
              }
          })
  </code></pre>