title: ajax rendered form will not submit
body: <p>I have a form that is rendered via ajax when someone clicks on a show form button.  The form renders correctly, but it does not submit.  When I press submit, nothing happens and the server does not receive anything.  Here is the form:</p>
  
  <pre><code>&lt;%= form_for @employer_profile, :html =&gt; { :class =&gt; "clearfix", :id =&gt; "the_form"}, 
      remote: true do |f| %&gt; 
      &lt;%= f.text_field :position, class: "field" %&gt;
  &lt;%= f.submit "SAVE", class: "button button-save button-submit" %&gt;
  </code></pre>
  
  <p>Here is the html that is generated:</p>
  
  <pre><code>&lt;form id="the_form" class="clearfix" method="post" data-remote="true" 
   action="/employer_profiles/13" accept-charset="UTF-8"
      &lt;input id="employer_profile_position" class="field" type="text"
       name="employer_profile[position]"&gt;&lt;/input&gt;
  &lt;input class="button button-save button-submit" type="submit" value="SAVE" 
   name="commit"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>Why is the form not submitting?</p>