title: Semantic UI, positioning labels
body: <p>I'm using a checkbox in Semantic UI.  I would like to switch the position of the label and the input but it's proving to be kind of a pain. I am using the toggle checkbox.</p>
  
  <pre><code>&lt;div class="ui toggle checkbox"&gt;
    &lt;input id="privacy" type="checkbox" checked="checked"&gt;
    &lt;label for="privacy"&gt;Public&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Semantic UI checkboxes docs are here: <a href="http://semantic-ui.com/modules/checkbox.html#/definition" rel="nofollow">http://semantic-ui.com/modules/checkbox.html#/definition</a></p>
  
  <p>If I switch the input and label in the html, the toggle function stops working.  I can't even seem to position the elements relatively... is there some easy class I can add or something that will enable the input and label to have switched positioning while still maintaining the functionality of the red-green toggle?</p>
  
  <p>Thanks..</p>
  
  <p>Update:  I'm working on a fiddle here:  this INCLUDES the semantic ui css and js.</p>
  
  <p><a href="http://jsfiddle.net/3xkrx/30/" rel="nofollow">http://jsfiddle.net/3xkrx/30/</a></p>