title: Clients using `GET` requests for a form, even though `POST` is defined. is javascript iframe the cause?
body: <p>I have two subsequent forms on my website with POST method.</p>
  
  <p>The first page of my website <code>first.php</code> contains this code:</p>
  
  <pre><code>&lt;form action="a.php" method="POST" target="_blank"&gt;
  &lt;input name="value" type="hidden" value="foo"/&gt;
  &lt;div class="button"&gt;&lt;label&gt;&lt;span class="icon"&gt;&lt;/span&gt;
  &lt;input type="submit" class="button-graphic ajax" value="Click Here"&gt;&lt;/label&gt;&lt;/div&gt;&lt;/form&gt;
  </code></pre>
  
  <p><code>a.php</code> can be accessed only via this POST request (otherwise user will get method not allowed 405 error)</p>
  
  <p>Once submitted, this form opens <code>a.php</code> with an AJAX modal window.</p>
  
  <p><code>a.php</code> contains another form:</p>
  
  <pre><code>&lt;form action="b.php" method="POST" target="_blank"&gt;
  &lt;input name="bar" type="hidden" value="none"/&gt;
  &lt;div class="border"&gt;&lt;label&gt;&lt;input type="submit" class="button-graphic2 tracking" value="Continue"&gt;&lt;/label&gt;&lt;/div&gt;&lt;/form&gt;
  </code></pre>
  
  <p>When a user clicks Submit in the second form, it will open <code>b.php</code>,
  which can also be accessed only via POST request (otherwise - 405 error).</p>
  
  <p>The only difference I can think about between these forms is that the second one contains a tracking js class (opening an iframe). this is the js code:</p>
  
  <pre><code>$(document).ready(function() {
      $(".tracking").click(function(){ 
          var iframe = document.createElement('iframe');
          iframe.style.width = '0px';
          iframe.style.height = '0px';
          iframe.style.display = 'block';
          document.body.appendChild(iframe);
          iframe.src = '/track.htm';
  });
  </code></pre>
  
  <p>This is done in order to track a conversion using a third party script which is being execuated from <code>track.htm</code></p>
  
  <p>I noticed that I am having a problem with about 5% of my iPad visitors.
  they open <code>a.php</code> properly with a POST request, but when they go ahead to continue and open <code>b.php</code> as well, about 5% sends out a <code>GET</code> request instead of the desired <code>POST</code> request, causing them to get an 405 error and leave the website.</p>
  
  <p>I know that these are real human users as I can see some of them trying several times to open <code>b.php</code> and keep getting these 405 errors.</p>
  
  <p>Could this be caused because simultaneously their device is using a <code>GET</code> request to obtain <code>track.htm</code>? and this is some glitch?</p>
  
  <p>How can this be solved?</p>
  
  <p><strong>EDIT 4.4.2015:</strong></p>
  
  <p>Since there's a chance that firing the tracking script is causing this, I would like to know if there's another fire to fire it (or track that adwords conversion), without causing these iPad user to use "GET" requests for the form as well.</p>
  
  <p><strong>EDIT 10.4.2015</strong>:</p>
  
  <p>This is the jquery code of the <code>ajax</code> class, that effects both <code>first.php</code> and perhaps <code>a.php</code>, as <code>first.php</code> is the parent frame:</p>
  
  <pre><code>$(document).ready(function() {
      $(".ajax").click(function(t) {
          t.preventDefault();
          var e = $(this).closest("form");
          return $.colorbox({
              href: e.attr("action"),
              transition: "elastic",
              overlayClose: !1,
              maxWidth: $("html").hasClass("ie7") ? "45%" : "false",
              opacity: .7,
              data: {
                  value: e.find('input[name="value"]').val(),
              }
          }), !1
      })
  }),
  </code></pre>