title: Semantic UI submit form button outside form
body: <p>I have a problem with form submitting via button outside my form. I need submit this form using this button:</p>
  
  <p><code>&lt;div class="ui submit green labeled icon button"&gt;
       &lt;i class="checkmark icon"&gt;&lt;/i&gt;
       Create
   &lt;/div&gt;</code></p>
  
  <p>But button is outside <code>&lt;div id="addAcredicationForm" class="ui large form"&gt;</code> and not validate form. Button must be outside form in <code>&lt;div class="actions"&gt;.</code> due footer of modal dialog.</p>
  
  <pre><code>&lt;div id="addModal" class="ui small modal"&gt;
      &lt;i class="close icon"&gt;&lt;/i&gt;
      &lt;div class="header"&gt;
          &lt;div class="column"&gt;
              &lt;h3 class="ui header"&gt;
                  &lt;i class="bordered inverted blue plus icon"&gt;&lt;/i&gt;
                  &lt;div class="content"&gt;
                      XYZ
                  &lt;/div&gt;
              &lt;/h3&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="content"&gt;
          &lt;div id="addAcredicationForm" class="ui large form"&gt;
              &lt;div class="ui blue segment"&gt;
                  &lt;div class="field"&gt;
                      &lt;label&gt;Název akreditace&lt;/label&gt;
                      &lt;input type="text" maxlength="40" id="name" name="name" placeholder="aaaa"&gt;
                  &lt;/div&gt;
                  &lt;div class="field"&gt;
                      &lt;label&gt;Poznámka&lt;/label&gt;
                      &lt;textarea rows="5" maxlength="250" id="note" name="note" placeholder="bbbb"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="ui error message"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="actions"&gt;
          &lt;div class="ui submit green labeled icon button"&gt;
              &lt;i class="checkmark icon"&gt;&lt;/i&gt;
              Create
          &lt;/div&gt;
          &lt;div class="ui cancel red labeled icon button"&gt;
              &lt;i class="remove icon"&gt;&lt;/i&gt;
              Cancel
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is example: <a href="http://jsfiddle.net/q2hLrm13/1" rel="nofollow">jsfiddle.net/q2hLrm13/1</a></p>