title: Angular UI Bootstrap unable to get textbox value to controller
body: <p>I want to get the value of search_name which is entered in the textbox by the user. Can anyone point out the mistake.</p>
  
  <pre><code> &lt;div ng-controller="AccordionDemoCtrl"&gt;
    &lt;uib-accordion close-others="oneAtATime"&gt;
      &lt;uib-accordion-group heading="Search"&gt;
          &lt;p class="form-group"&gt;
              &lt;label&gt;Search Name&lt;/label&gt;
              &lt;input type="text" ng-model="search_name" class="form-control"&gt;
          &lt;/p&gt;
          {{search_name}}&lt;/br&gt;
          &lt;button type="button" class="btn btn-default btn-sm" ng-click="Myfunc()"&gt;Search&lt;/button&gt;
          &lt;table ng-table="tableParams" class="table table-striped"   fixed-table-headers="scrollable-area"&gt;
              &lt;dir-pagination-controls max-size="5" direction-links="true" boundary-links="false" &gt; &lt;/dir-pagination-controls&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Index &lt;/td&gt;
                      &lt;td&gt;Name&lt;/td&gt;
                      &lt;td&gt;ID&lt;/td&gt;
                  &lt;/tr&gt;
                      &lt;tr ng-repeat="x in names "  &gt;
                      &lt;td&gt;{{ $index + 1 }} &lt;/td&gt;
                      &lt;td&gt;{{ x.NAME }}&lt;/td&gt;
                      &lt;td&gt;{{ x.ID }}&lt;/td&gt;
                  &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/uib-accordion-group&gt;
    &lt;/uib-accordion&gt;
  &lt;/div&gt;
  &lt;script type="application/javascript"&gt;  
  angular.module('ui.bootstrap.demo', ['ngAnimate', 'ui.bootstrap']);
  angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope) {
    $scope.oneAtATime = true;
    $scope.names= {0:{'NAME':'John','ID':'albania'}}; 
  
    $scope.Myfunc = function() {
      console.log($scope.search_name)
      console.log($scope.names)
    };
  </code></pre>
  
  <p>When I log the value it says undefined.</p>