title: Submit button outside the <form> tags
body: <p>I've been searching for two hours and I couldn't find any solutions. </p>
  
  <p>I would like to have two submit buttons, one inside the &lt; form > tag and one outside the &lt; form > tag.</p>
  
  <pre><code>&lt;form id="example" name="example" action="post"&gt;
      Input &lt;input type="text" name="text" /&gt;
      &lt;input type="submit" name="submit" value="submit" /&gt;
  &lt;/form&gt;
  
  &lt;div class="button"&gt;Submit&lt;/div&gt;
  </code></pre>
  
  <p>JS / jQuery</p>
  
  <pre><code>$(".button").click( function() {
      alert("Button clicked");
  }); 
  </code></pre>
  
  <p>How can I send the form with the ('.button') class outside the form ? </p>
  
  <p>JS Fiddle here: <a href="http://jsfiddle.net/ZQLXb/" rel="noreferrer">http://jsfiddle.net/ZQLXb/</a></p>