title: Make span element submit an edit form
body: <p>I have a pretty, bootstrappy form that looks like (in rails &amp; HTML)</p>
  
  <pre><code>&lt;%= form_for(current_user) do |f| %&gt;
    &lt;div class="input-group input-group-lg"&gt;
      &lt;%= f.text_field :location, :class =&gt; "form-control", :placeholder =&gt; "Where are you?", 'aria-describedby' =&gt; 'basic-addon2' %&gt;
      &lt;span type="submit" name="commit" class="input-group-addon btn btn-success" id="basic-addon2" style="color: white;"&gt;Go!&lt;/span&gt;
    &lt;/div&gt;
  &lt;% end %&gt;
  </code></pre>
  
  <p>But using the above, nothing actually happens when I hit the "Go!" button.</p>
  
  <p>I can get my form to succesfully submit if I use the code:</p>
  
  <pre><code>&lt;%= form_for(current_user) do |f| %&gt;
    &lt;div class="input-group input-group-lg"&gt;
      &lt;%= f.text_field :location, :class =&gt; "form-control", :placeholder =&gt; "Where are you?", 'aria-describedby' =&gt; 'basic-addon2' %&gt;
      &lt;%= f.submit "Go!", class: "input-group-addon btn btn-success", id: "basic-addon2", style: "color: white;"  %&gt;
    &lt;/div&gt;
  &lt;% end %&gt;
  </code></pre>
  
  <p>My problem is that I'm having trouble merging both versions, i.e. to retain the aesthetics of the former while adding the functionality of the latter. Every way that I have tried to arrange spans within buttons or buttons within spans or other weird combos, nothing manages to do what I want. I can make the attributes of the <code>&lt;span&gt;</code> and the <code>&lt;button&gt;</code> (produced by f.submit) exactly the same, the only difference in the HTML my browser sees is that one is a <code>&lt;span&gt;</code> and the other is a <code>&lt;button&gt;</code>.</p>
  
  <p>Can anyone think of a way for me to merge these two concepts?</p>