title: Modal Box logic issues
body: <p>I have recently used Semantic UI to display a modal box in my app. In the modal box is a for, when the form is submitted the values of the forms feilds go on to be used in various ways. My issue is when the page posts back the form feilds are losing their values?  For instance a text box that was filled out just appears as empty? However if I move the logic outside the Modal Box it all works fine? Also I have a link that when clicked fires an event in a code behind page, however when in the modal box the event does not fire? </p>
  
  <p>Does anyone have any idea what might be causing these strange issue? It would seem from some things I have tried that its the javascript showing the Modal Box which is causing issues. If I manually add a class to show the modal box and disable the javascript which was causing it to show previously my logic then works fine? </p>
  
  <p>Any help one this would be great im running out of things to try.</p>
  
  <p>For Reference:</p>
  
  <ul>
  <li>Heres the modal box im using <a href="http://semantic-ui.com/modules/modal.html#/definition" rel="nofollow">http://semantic-ui.com/modules/modal.html#/definition</a></li>
  <li>Here is how to show it according to the docs <code>$('.ui.modal').modal('show');</code> this is what i believe to be causing the issues</li>
  </ul>
  
  <p>EDIT:</p>
  
  <p>It looks like something in the javascript is rendering the modal just below above the closing body tag regardless of where it is in the context of the website?! This certainly part of the issue, however I fell there is still something else going on</p>