title: Youtube modal not working
body: <p>I'm implementing a plugin to load youtube videos in a modal (<a href="https://appleple.github.io/modal-video/" rel="nofollow noreferrer">https://appleple.github.io/modal-video/</a>). The problem is with the cross button in the modal.</p>
  
  <p>If I do not refresh the page, click the cross button on the modal and then click on the video again, the click event fires twice instead of once ie. I get two modals.</p>
  
  <p>My JS for running this is fairly simple: </p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;a id="runVideo"  data-video-id='XXXXXXX' class="white"&gt;
    &lt;span class="glyphicon glyphicon-play-circle"&gt;&lt;/span&gt; Want to know how we do that? Watch our video.
  &lt;/a&gt;
  </code></pre>
  
  <p>JS code:</p>
  
  <pre><code>$( "#runVideo" ).click(function(event) {
    event.preventDefault();
    event.stopPropagation();
    console.log("mydick");
    $("#runVideo").modalVideo({channel:'youtube'});
  });
  </code></pre>