title: .submit() not working in Firefox can't append to body
body: <p>My problem is that <code>('id_form').submit()</code> is not triggered. It's working fine on Chrome but not on Firefox. I know similar questions were posted but the response was always for a form which was directly attached to the body which is not my case as you see in my html.</p>
  <pre><code>&lt;body&gt;
      &lt;div class=&quot;sitecontainer&quot;&gt;
  
          form-vehicule
  
          &lt;div class=&quot;body&quot;&gt;
              &lt;!-- NBA_dataLayer_v1 --&gt;
              &lt;section class=&quot;slice-pn7 slice-full-size no-margin-top&quot;&gt;
                  &lt;div class=&quot;header&quot;&gt;
                      &lt;header&gt;
                          &lt;div&gt;
                              &lt;h1&gt;&lt;span class=&quot;bold&quot;&gt;Tasación Peugeot&lt;/span&gt;&lt;/h1&gt;
                          &lt;/div&gt;
                      &lt;/header&gt;
                  &lt;/div&gt;
              &lt;/section&gt;
  
              &lt;div class=&quot;container-fluid &quot;&gt;
                  &lt;form id=&quot;form-vehicule&quot; class=&quot;form-vehicule&quot; name=&quot;form_vehicule&quot; method=&quot;post&quot; action=&quot;http://tasacion.peugeot.shakazoola.com/&quot;&gt;
  
                      &lt;div class=&quot;row&quot;&gt;
                          &lt;div class=&quot;col-xs-12&quot;&gt;
                              &lt;h2 class=&quot;text-left&quot;&gt;INDICA EL NÚMERO DE PUERTAS DE TU VEHÍCULO&lt;/h2&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;row &quot;&gt;
                          &lt;div class=&quot;col-xs-6 col-sm-4 col-md-3 col-lg-2&quot;&gt;
                              &lt;button type=&quot;button&quot; data-scope=&quot;select_vo_porte&quot; class=&quot;button button-porte-boite btn-cta grey select_vo_porte scrollPage&quot; style=&quot;&quot; value=&quot;3&quot;&gt;3 puertas&lt;/button&gt;
                          &lt;/div&gt;
                          &lt;div class=&quot;col-xs-6 col-sm-4 col-md-3 col-lg-2&quot;&gt;
                              &lt;button type=&quot;button&quot; data-scope=&quot;select_vo_porte&quot; class=&quot;button button-porte-boite btn-cta grey select_vo_porte scrollPage&quot; style=&quot;&quot; value=&quot;5&quot;&gt;5 puertas&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;row margin-top&quot; id=&quot;toScroll&quot;&gt;
                          &lt;div class=&quot;col-xs-12&quot;&gt;
                              &lt;h2 class=&quot;text-left&quot;&gt;SELECCIONA EL TIPO DE CAJA DE CAMBIO&lt;/h2&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;row &quot; id=&quot;resultBoite&quot;&gt;
                          &lt;div class=&quot;col-xs-6 col-sm-4 col-md-3 col-lg-2&quot;&gt;
                              &lt;button type=&quot;button&quot; data-scope=&quot;select_vo_boite&quot; class=&quot;button button-porte-boite btn-cta  dark-blue&quot; style=&quot;&quot; value=&quot;1&quot;&gt;Manual&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;row&quot; style=&quot;margin-top:2em;&quot;&gt;
                          &lt;div class=&quot;col-xs-6 col-sm-4 col-md-3 col-lg-2&quot;&gt;
                              &lt;div class=&quot;inline-cta&quot;&gt;
                                  &lt;a id=&quot;back_slide&quot; class=&quot;cta btn-cta arrow grey previous&quot;&gt;
                                      &lt;span class=&quot;content-cta&quot;&gt;ANTERIOR&lt;/span&gt; 
                                  &lt;/a&gt; 
                              &lt;/div&gt;  
                          &lt;/div&gt;
  
                          &lt;div class=&quot;col-xs-6 col-sm-4 col-sm-offset-4 col-md-3 col-md-offset-6  col-lg-2  col-lg-offset-8&quot;&gt;         
                              &lt;div class=&quot;inline-cta&quot;&gt;
                                  &lt;a id=&quot;submit_slide&quot; class=&quot;cta btn-cta arrow light-blue next&quot; onclick=&quot;javascript:void(0);&quot;&gt;
                                      &lt;span class=&quot;content-cta&quot;&gt; SIGUIENTE&lt;/span&gt; 
                                  &lt;/a&gt; 
                              &lt;/div&gt;                
                          &lt;/div&gt;      
                      &lt;/div&gt;
                      &lt;div&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- end body !--&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>so <code>('#form-vehicule').appendTo('body');</code> is not working to make the submit succeed. It's actually moving the form to the end of the body</p>
  <p>you can check the whole js file at this url <a href="http://tasacion.peugeot.shakazoola.com/assets/js/formcheck.js" rel="nofollow noreferrer">http://tasacion.peugeot.shakazoola.com/assets/js/formcheck.js</a></p>