title: semantic ui transition works on chrome but not on firefox
body: <p>i'm building a website using semantic ui, there is an html class i called content that i want to jiggle when it is visible on the screen wich i used jQuery "<a href="https://remysharp.com/2009/01/26/element-in-view-event-plugin" rel="nofollow">inview event plugin</a>" for and it works perfectly on chrome but not on firefox, the html code is</p>
  
  <pre><code>&lt;div class="column"&gt;
      &lt;h1&gt;&lt;i class="icon circular square yellow inverted"&gt;JS&lt;/i&gt;&lt;/h1&gt;
      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, .&lt;/p&gt;
      &lt;div class="ui fade reveal pop" data-content="javascript and jQuery" data-title="JS"&gt;
      &lt;img src="images/js.png" alt="js" class="ui circular image visible content" /&gt;
      &lt;img src="images/jsreveal.png" alt="js" class="ui circular image hidden content"&gt;
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>the jQuery code is :</p>
  
  <pre><code>$('.content').bind('inview', function (event, visible) {
  if (visible == true) {
  
   $('.pop .content').transition({
  animation: 'jiggle',
  duration: 1000,
  useFailSafe: true,
  allowRepeats: false,
  queue : false
          });
  </code></pre>
  
  <p>}
  });</p>
  
  <p>thanks in advance</p>