title: How to make Semantic UI button group selectable
body: <p>How do I make the Semantic UI <a href="http://semantic-ui.com/elements/button.html#buttons" rel="nofollow noreferrer">Button Group</a> selectable so that I can get the one that's selected in PHP?</p>
  
  <p>Here is the button group:</p>
  
  <pre><code>&lt;div class="huge ui buttons"&gt;
    &lt;div class="ui button"&gt;One&lt;/div&gt;
    &lt;div class="ui button"&gt;Two&lt;/div&gt;
    &lt;div class="ui button"&gt;Three&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would assume we are to treat the buttons like radio buttons where only one can be selected but Semantic UI doesn't really have any documentation on how to do the same with button groups.</p>
  
  <p>How would I make the buttons selectable so I can send it to my PHP script?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p><a href="http://jsfiddle.net/cgz7sv4g" rel="nofollow noreferrer">Here</a> is a jsFiddle showing how my button groups at the moment after trying to implement the toggle as shown <a href="https://stackoverflow.com/questions/23032833/how-to-toggle-content-in-semantic-ui-buttons">here</a></p>