title: 2nd ng-repeat-modal-btn not working
body: <p>I want to have an ng-repeat that contains 2 buttons that opens 2 different modals. My problem is the first button successfully opens its modal but the second one does not.</p>
  
  <p>here is my html</p>
  
  <pre><code>&lt;div class="column" ng-repeat="eventObj in events" ng-repeat-dimmer&gt;
    ...
    &lt;button class="circular ui icon green button" id="edit-event"  data-inverted="" data-variation="tiny basic" ng-click="getCurrent(eventObj)" ng-repeat-modal-btn&gt;&lt;/button&gt;
    &lt;button class="circular ui icon red button" id="delete-event" data-inverted="" data-variation="tiny basic" ng-click="getCurrent(eventObj)" ng-repeat-modal-btn&gt;&lt;/button&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>and here are my two modals</p>
  
  <pre><code>&lt;div class="ui edit-event modal"&gt;
  &lt;i class="close icon"&gt;&lt;/i&gt;
    ...
    &lt;form&gt;
      ...
      &lt;div class="field"&gt;
       &lt;button class="ui button" type="submit" ng-click="editEvent()"&gt;Submit&lt;/button&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;div class="ui delete-event modal"&gt;
  &lt;div class="header"&gt;Delete Event&lt;/div&gt;
  &lt;div class="content"&gt;
    &lt;div class="ui form content"&gt;
      Are you sure you want to delete {{eventObj.eventName}}?
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="actions"&gt;
    &lt;div class="ui green button" ng-click="deleteEvent(eventObj,$event)"&gt;Delete Event&lt;/div&gt;
    &lt;div class="ui black cancel button"&gt;Cancel&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Again, I'd like to know why my second button does not work while the first  does, thank you!</p>