title: ajax call can't pass parameters and work only with some browser
body: <p>I have problem with this this function that should make an ajax call: </p>
  
  <pre><code>function updateCountriesPrice(){
          var countryFrom = select_country_from.options[select_country_from.selectedIndex].value;
  
          var countriesTo = JSON.parse("[" + $('#countriesToUpdate').val() + "]");
          var arrayProductCode = [];
              arrayProductCode=localStorage.list_id.replace(/ /g,'');
          var data = {'products_list': arrayProductCode,
                          'country_from': countryFrom,
                          'countries_to': countriesTo};
          console.log(data);
          $.ajax({
              url: './products_actions_prices',  //Server script to process data
              type: 'POST',
              xhr: function() {  // Custom XMLHttpRequest
                  var myXhr = $.ajaxSettings.xhr();
                  if(myXhr.upload){ // Check if upload property exists
                      myXhr.upload.addEventListener('progress',progressHandlingFunction, false); // For handling the progress of the upload
                  }
                  return myXhr;
              },
              //Ajax events
  
              success: function(data, textStatus, jqXHR){
                  $('#div_action_selected').html('').hide();
                  jQuery('#wrapper').append('&lt;div class="flash success" &gt;'+jqXHR.responseJSON.text+'&lt;/div&gt;');
                  setTimeout(function(){$('.flash').slideUp(1000);},3000);
                  $('#div_action_selected').html('').hide();
                  jQuery.each(jQuery('.check_box'),function(key,value){
                      if(jQuery('#select_all').is(':checked')){
                          $(this).prop('checked', false);
                      }
                  });
                  $('#select_all').prop('checked', false);//$('#select_actions').hide();
                  $('#select_all_products_div').hide();
                  localStorage.clear();localStorage.setItem('list_id','');
                  setInterval(location.reload(),2500);
                  hideDivAction();
  
              },
              error: function (jqXHR, textStatus, errorThrown){
                  $('#div_action_selected').html('&lt;div id=\"errorExplanation\" class=\"errorExplanation\" data-hook=\"\"&gt;'
                      +' &lt;h2&gt;One error prohibited this action:&lt;/h2&gt;'
                      +' &lt;p&gt;There were problems with the call.&lt;/p&gt;'
                      +' &lt;/div&gt;');
                      setTimeout(function(){$('#div_action_selected').slideUp(1000);},3000);
                      //$('#select_actions').attr('value','');
              },
              // Form data
              data: data,
              //Options to tell jQuery not to process data or worry about content-type.
              cache: false,
              contentType: false,
              processData: false
          });
  
  
      }
  </code></pre>
  
  <p>Using chrome the call work and i see the success result, but my params variable doesn't contains the data that i pass with ajax. 
  When I call 
      console.log(data);
  I can see the datas exactly as i want them but they doesn't arrive to my rails controller.</p>
  
  <p>Using firefox the ajax either start.</p>
  
  <p>Thanks.</p>