title: Semantic UI transitions on page load
body: <p>I am using semantic ui. I want the transitions to occur when the page loads in browser. What I am able to do right now is hover on transition. Is it possible to do?</p>
  
  <pre><code>$(document).ready(function(){
    $('#animate').hover(function(){
          $(this).transition({
      debug     : true,
      animation : 'jiggle',
      duration  : 500,
      interval  : 200
    });
      }, function(){});
  
  });
  
  &lt;h1 class="ui header" id="animate"&gt;
     &lt;div class="content"&gt;
        Hello
        &lt;div class="sub header"&gt;hello.&lt;/div&gt;
     &lt;/div&gt;
  &lt;/h1&gt;
  </code></pre>