Angular: Tooltip on disabled input

http://angularjs.org/

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>
<div ng-controller="MyCtrl">
    <br/>
    <br/>
    <br/>
    <div class="container">
        <div class="row">
        <select ng-disabled="isDisabled">
          <<option value="1" >1</option>
          <option value="2">2</option>
        </select>
            <input class="input-xxlarge" tooltip="My Tooltip" 
            type="text" ng-disabled="isDisabled" ng-model="myModel"/>

            <br/>
            Disable/Enable <input type="checkbox" ng-model="isDisabled"/>

        </div>
    </div>

JavaScript

var myApp = angular.module('myApp', ['ui.bootstrap']);

function MyCtrl($scope) {
    $scope.myModel = "Tooltip only works when input is enabled.";
    $scope.isDisabled = false;
    
}