title: Fullcalendar eventClick removeEvent with popup is not working
body: <p>Hi I have made bootstrap popup modal on eventClick fullcalndar with remove button.
  (popup modal, button click is working)
  However, when Remove button is clicked, I added to code removeEvent with event id. 
  but event is not disappear. Since I don't have experiences of jquery, javascript, css, fullcalendar,etc. It swallows huge amount of time to figure out. 
  I add code here, and really appreciated if someone point me out what I did wrong.</p>
  
  <pre><code>The expected behavior :
      1) Click the existing event : eventClick
      2) Popup modal appears with close, remove button
      3) Click the Remove button on popup modal
      4) the clicked event is disappear 
  </code></pre>
  
  <p>and my code here. I have tried 2 different ways - Case 1, Case 2 </p>
  
  <pre><code>&lt;div id="fullCalModal" class="modal fade"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt; &lt;span class="sr-only"&gt;close&lt;/span&gt;&lt;/button&gt;
                  &lt;h4 id="modalTitle" class="modal-title"&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="modalBody" class="modal-body"&gt;Are you sure remove the event?&lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
                  &lt;button type="button" class="btn btn-danger" id="revButton" data-dismiss="modal"&gt;Remove&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>Case 1:</p>
  
  <pre><code>$(document).ready(function() {
  …..
  
      eventClick: function(event, delta) {
  
          //these are working
          $('#modalTitle').html(event.title);
          $('#modalBody').html(event.description);
          $('#fullCalModal').modal();
  
          // [Case 1] notting happen, event is not disappered(deleted) , why?
          $("revButton").click(function() {  // [Solved] This was the problem, it should be #revButton
               $('#calendar').fullCalendar('removeEvents',event._id); //external event, therefore using event._id
          });
      }
  
  ….
  }
  </code></pre>
  
  <p><strong>Behavior of Case 1: Expected behavior 1) 2) 3) working but 4) is not working</strong> </p>
  
  <p>Case 2:</p>
  
  <pre><code>$(document).ready(function() {
  …..
  
      eventClick: function(event, delta) {
  
          //these are working
          $('#modalTitle').html(event.title);
          $('#modalBody').html(event.description);
          $('#fullCalModal').modal();
  
          // [Case 2] why it deletes before modal popup (before press remove button)?
          // why .click() is not working?
          $("#revButton").click(removeRevent(event._id));  //external event, therefore using event._id
      }
  
  ….
  }
  
  function removeRevent(id){
      $('#calendar').fullCalendar('removeEvents', id);
  }
  </code></pre>
  
  <p><strong>Behavior of Case 2: Expected behavior 1) -> 2) -> 4) -> 3)</strong> </p>
  
  <p>but I want to the action of sequence 1) -> 2)  -> 3) -> 4)</p>
  
  <pre><code>Expected behavior
  1) Click the existing event : eventClick   
  2) Popup modal appears with close, remove button 
  3) Click the Remove button on popup modal
  4) The clicked event is disappear 
  </code></pre>