title: Using the tab control in semantic-ui
body: <p>I am trying to build a website using <a href="http://semantic-ui.com/" rel="noreferrer">semantic-ui</a>. I like a lot of what I see. However, I'm trying to just create a tab control. In an attempt to do this, I thought I grabbed the code found on the overview page. However, as my <a href="http://jsfiddle.net/d93af/" rel="noreferrer">jsfiddle shows</a>, the tab behavior is not working properly. Here's a sample of my tab code:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="ui active tab segment" data-tab="first"&gt;First&lt;/div&gt;
    &lt;div class="ui tab segment" data-tab="second"&gt;Second&lt;/div&gt;
    &lt;div class="ui tab segment" data-tab="third"&gt;Third&lt;/div&gt;
  
    &lt;div class="ui pointing secondary demo menu"&gt;
      &lt;a class="active red item" data-tab="first"&gt;One&lt;/a&gt;
      &lt;a class="blue item" data-tab="second"&gt;Two&lt;/a&gt;
      &lt;a class="green item" data-tab="third"&gt;Three&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>