title: An issue with jQuery $.isArray
body: <p>I have this ajax post, works perfectly fine so it runs the function <code>test</code> passing <code>data</code> to it.</p>
  
  <pre><code>$("#formID").submit(function (event) {
      $('#postError').html('').hide();
      $('#postInfo').html('loading results').show();
      event.preventDefault();
  
      $.ajax({
                  type: 'POST',
                  url: $("#formID").attr('action'),
                  data: $(this).serialize()
              })
              .done(function (data) {
                  $('#postInfo').html('').hide();
                  test(data);
              })
              .fail(function () {
                  $('#postInfo').html('').hide();
                  console.log(1);
             });
  })
  </code></pre>
  
  <p>And this is where it goes wrong, </p>
  
  <pre><code>function test(data) {
      console.log(data);
      if ($.isArray(data)){
          $('#postSuccess').html(data).show();
      }else {
          $('#postError').html(data).show();
      }
  }
  </code></pre>
  
  <p>this is what I get in my console.log:</p>
  
  <pre><code> [{"a1":"1","a1amount":"300","a2":"2","a2amount":"300","a3":"3","a3amount":"300"
   ,"a4":"4","a4amount":"300","a5":"5","a5amount":"60"}, 
   {"b1":"6","b1amount":"75","b2":"7","b2amount":"75","b3":"8","b3amount":"75"}, 
   {"c1":"9","c1amount":"40","c2":"10","c2amount":"40","c3":"11","c3amount":"40"," c4":"12","c4amount":"40"}]
  </code></pre>
  
  <p>This is a normal json array right or am I wrong?
  if I'm right then I want to know why it runs the else part 
  and if I'm wrong then I want to know whats wrong with the function or array.</p>