title: Getting Error "Form submission canceled because the form is not connected"
body: <p>I have an old website with JQuery 1.7 which works correctly till two days ago. Suddenly some of my buttons do not work anymore and, after clicking on them, I get this warning in the console:</p>
  
  <blockquote>
    <p>Form submission canceled because the form is not connected</p>
  </blockquote>
  
  <p>The code behind the click is something like this:</p>
  
  <pre><code> this.handleExcelExporter = function(href, cols) {
     var form = $('&lt;form method="post"&gt;&lt;input type="submit" /&gt;&lt;input type="hidden" name="layout" /&gt;&lt;/form&gt;').attr('action', href);
     $('input[name="layout"]', form).val(JSON.stringify(cols));
     $('input[type="submit"]', form).click();
   }
  </code></pre>
  
  <p>It seems that Chrome 56 doesn't support this kind of code anymore. Isn't it? If yes my question is:</p>
  
  <ol>
  <li>Why did this happened suddenly? Without any deprecation warning?</li>
  <li>What is the workaround for this code?</li>
  <li>Is there a way to force chrome (or other browsers) to work like before without changing any code? </li>
  </ol>
  
  <p><strong>P.S.</strong>
  It doesn't work in the latest firefox version either (without any message). Also it does not work in IE 11.0 &amp; Edge! (both without any message)</p>