title: jQuery Dynamic form not posting on mobile
body: <p>I am trying to create a form dynamically and then submitting it. I have it working on desktop browsers but on mobile Android and iOS, it does not work.</p>
  
  <p>What it is doing is refreshing the page and not sending the post request.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>var $form = $(document.createElement('form')).attr('action', '/results').attr('method', 'POST');
  $form.append(form.find('input[name="_token"]'));
  $form.append('&lt;input type="hidden" name="term" value="'+term+'"&gt;');
  $form.append('&lt;input type="hidden" name="extra" value="'+extra+'"&gt;');
  $form.append('&lt;input type="hidden" name="value" value="'+value+'"&gt;');
  $form.append('&lt;button id="submitSearch" type="submit"&gt;&lt;/button&gt;');
  $($form).appendTo(document.body);
  $($form).submit();
  </code></pre>
  
  <p>Any ideas on why it would not work on mobile browsers?</p>