title: ng-click and ng-model not working in a popover
body: <p>I have an ng-click in in a bootstrap popover that doesnt seem to work. when I move it out of the popup into the page it seems to work. Also the ng-model value doesnt seem to update either.</p>
  
  <pre><code>&lt;div id="popover-content" class="hide"&gt;
  &lt;input type="text" placeholder="Quote ID" ng-model="selectedItems.quote.label"&gt;
  &lt;button type="button" ng-click="newQuote()"&gt;New quote&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this because the popover is created in the dom and angular does not know it exists? Any ideas how I can get it to work? Thanks</p>
  
  <p>EDIT:</p>
  
  <p>Here is the newQuote</p>
  
  <pre><code> $scope.newQuote = function() {
          $scope.selectedItems.quote = angular.copy(defaultQuote);
  
          $scope.solution.quotes.push($scope.selectedItems.quote);
  
          $scope.selectedItems.quote.label = 'New Quote';
  
          $scope.addMessage('Quote created successfully', 2);
      };
  </code></pre>
  
  <p>EDIT 2</p>
  
  <p>Here is a plunker showing the issue - the alert is not displayed when ng-click="newQuote()" is fired
  <a href="http://plnkr.co/edit/ANH98vlflPK9c5qA3ohO?p=preview" rel="nofollow">http://plnkr.co/edit/ANH98vlflPK9c5qA3ohO?p=preview</a></p>