title: issue with brackets in jQuery Form Data when sending data as json
body: <p>I have the object</p>
  
  <pre><code>    var dataformdata={"key1":"value1","key2":"value2"};
  </code></pre>
  
  <p>then I add some more values with the same key(key3) like this</p>
  
  <pre><code>    dataformdata.key3 = [];
      dataformdata.key3.push("value3");
      dataformdata.key3.push("value4");
  </code></pre>
  
  <p>I do the above in an each slope. It all works except when sending the dataformdata object via the jQuery ajax function in the browser console I see that there are brackets in the key ...</p>
  
  <p><code>$.ajax({
              type: "POST",
              url: "/",
              data: dataformdata,</code>...</p>
  
  <p>This is what I see in the browser console:</p>
  
  <pre><code>key1:value1
  key2:value2
  key3%5B%5D:value3
  key3%5B%5D:value4
  </code></pre>
  
  <p>It should work because in the jQuery.ajax() docs it says </p>
  
  <blockquote>
    <p>Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting</p>
  </blockquote>
  
  <p>But why are the brackets (%5B%5D) in the key?</p>