title: Transition of segment in Semantic doesn't work
body: <p>I wanted to make flip over effect after pushing the button ui hugh primary button, so that after pushing  the button the text will flip. Unfortunately it seems not to work. I have already tried with ui shape and the result is the same- nothing happens. Could somebody tell me what is wrong? Thank you very much!</p>
  
  <pre><code>&lt;div class="logo"&gt;
  &lt;link rel="stylesheet" href="/../../../node_modules/semantic-ui-css/semantic.min.css"&gt;
  &lt;script src="/../../../node_modules/semantic-ui/dist/semantic.min.js"&gt;&lt;/script&gt;
  
      &lt;div class="ui black inverted segment"&gt;
        &lt;div class="ui inverted header"&gt;
    &lt;h2&gt;Some text
        &lt;/h2&gt;
  &lt;div class="ui hugh primary button" id="flip"&gt;Start!&lt;/div&gt;
  &lt;/div&gt;
    &lt;script&gt;
      $('#flip').click(function() {
        $('.ui.inverted.header').header('flip over');
      });
    &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>