title: jQuery | Submit Form with Span
body: <p>I'm wanting to have the span within my form have the same "submit" behaviour as the <code>input type="submit"</code>. </p>
  
  <p>Please note I cannot use <strong>AJAX</strong> for this as the third party provider does not support an <strong>AJAX</strong> submission hence there being an <code>input type="submit"</code></p>
  
  <p>Most searches return using the <code>submit()</code> method however, this doesn't work? </p>
  
  <p><a href="http://jsfiddle.net/752au7Lv/3/" rel="nofollow">JSFIDDLE DEMO</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form method="post" action="http://www.google.com"&gt;
      &lt;input type="text" placeholder="Name"&gt;
      &lt;span class="submit-span"&gt;Span submit&lt;/span&gt;
      &lt;input type="submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$(document).ready(function(){
      var spanSubmit = $('.submit-span');
  
      spanSubmit.on('click', function() {
          $(this).submit();
      });
  });
  </code></pre>