title: JS callback for ratchet popover closing
body: <p>I have a <code>ratchet</code> popover in my page and I'd like run a <code>callback</code> after the popover closing.</p>
  
  <p>The popover is like this:</p>
  
  <pre><code>&lt;a href="popover" id="idLinkPopover" &gt;
  
          &lt;h1 class="title"&gt; Title &lt;/span&gt;
              &lt;span class="icon icon-caret" &gt;  &lt;/span&gt; 
          &lt;/h1&gt;
  
   &lt;/a&gt;
  
  &lt;div id="popover" class="popover"&gt;
    &lt;header class="bar bar-nav"&gt;
      &lt;h1 class="title"&gt;Menu&lt;/h1&gt;
    &lt;/header&gt;
    &lt;ul class="table-view"&gt;
      &lt;li class="table-view-cell" id="id1"&gt;Elem1&lt;/li&gt;
      &lt;li class="table-view-cell" id="id2"&gt;Elem2&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried this:</p>
  
  <pre><code>document.querySelector('#popover').addEventListener('onclick', function(e) {
  
         // ..........
  
  }, false);
  </code></pre>
  
  <p>but it doesn't work and I don't it's the correct way to handle the popover closing because I used the <code>onclick</code> event.</p>
  
  <p>Thanks</p>