Having trouble with dynamic text tooltips for input boxes using Bootstrap 3.1.1 and AngularJS 1.2.16. The ng-model of the input box is returning undefined.
HTML
<div class="input-group">
<input type="text" class="form-control input-sm" ng-model="searchColumnOfDatagridQuery1" placeholder="Search {{columnData[0].text.toLowerCase()}} here" tooltip="Search {{columnData[0].text.toLowerCase()}} here" tooltip-trigger="mouseenter" tooltip-placement="bottom" tooltip-append-to-body="true">
<span class="input-group-btn">
<button class="btn btn-default btn-sm" type="button" ng-click="searchColumnOfDatagrid(searchColumnOfDatagridQuery1,1)"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
JSFiddle Link to updated code on JSFiddle
Looking for help on why the ng-model value is not working and how to fix this issue.
How can I retrieve the ng-model value from the text-box? Currently getting undefined on button click.