title: JQuery, Ajax: Serialize() not working with <select> in IE?
body: <p>I did create a little script for form select filtering.
  My goal is, that when the user selects something in let's say "field1", then "field2" get's replaced by a filtered one with PHP with only the selection left (done via data in an array).</p>
  
  <p>My JQuery works fine in almost every modern browser:</p>
  
  <pre><code>$(".ajx").on("change", function() {
      var $form = $('form');
      var $fields = $(".ajx");
      var method = $form.attr("method").toUpperCase();
      var $this = $(this);
      //var $ser = $fields.serialize();
      var $ser = $this.serialize();
  
      console.log($ser);
      //console.log($(this))
  
      $('.ajx_load').show();
  
      $.ajax({
          url: $form.attr("action"),
          data: $ser,
          type: method,
          success: function(res) {
              //$('.ajx').html($(res).find('.ajx div'));
              //$this.html($(res).find('.ajx div'));
  
              var $fnd = '#' + $this.attr('id') + ' div';
              $this.html($(res).find($fnd));
  
              console.log($this.attr('id'));
              console.log($this.html($(res).find($fnd)));
  
              $('.ajx_load').hide();
          },
          error: function (xhr, status) {  
              $('.ajx_load').hide();
              alert('Unknown error - status: ' + status); 
          }
      });
  });
  </code></pre>
  
  <p>The code should reload the html code in <code>&lt;fieldset class="axj" id="ajx_1"&gt;&lt;div&gt;</code>, keep the selection made on the  field and replace all <code>&lt;select&gt;</code> fields in this <code>&lt;fieldset&gt;</code> by filtered ones via PHP.</p>
  
  <p>Here is the HTML output (without PHP) used: <a href="http://jsfiddle.net/69rvLtcn/8/" rel="nofollow">http://jsfiddle.net/69rvLtcn/8/</a></p>
  
  <p>The <code>serialize()</code> function does not work in IE (tested in IE11) and Safari - it is empty!</p>
  
  <p>Thanks in Advance for your help</p>
  
  <p>EDIT:
  I tried to set a setTimeout() in the "success: function".
  When I do this (even when I set it to 1) the same thing that happens in IE/Safari then happens on every other Browser too...?</p>
  
  <p>It's like the selection is not transmitted in the JQuery response?!</p>
  
  <p>EDIT2: It's IE after all! It somehow doesn't serialize request...? If I in PHP I check the request with <code>var_dump($_REQUEST);</code> in IE/Safari it's empty in all others not...</p>