title: How to separate JSON array into 2 separate arrays of values with jQuery?
body: <p>I have the following AJAX script pulling in a JSON array from a PHP file:</p>
  
  <pre><code>// get jsonData from inc/wip-data.php
  var jsonData = $.ajax({
    url: 'inc/wip-data.php',
    dataType: 'json',
  });
  </code></pre>
  
  <p>The JSON array is as follows:</p>
  
  <pre><code>[
  {
      "date": "2015-10",
      "clientCostsTotal": "0.00"
  },
  {
      "date": "2015-11",
      "clientCostsTotal": "0.00"
  },
  {
      "date": "2016-01",
      "clientCostsTotal": "0.00"
  },
  {
      "date": "2016-02",
      "clientCostsTotal": "0.00"
  },
  {
      "date": "2016-03",
      "clientCostsTotal": "0.00"
  },
  {
      "date": "2016-04",
      "clientCostsTotal": "27962.50"
  },
  {
      "date": "2016-05",
      "clientCostsTotal": "174060.00"
  },
  {
      "date": "2016-06",
      "clientCostsTotal": "309000.00"
  },
  {
      "date": "2016-07",
      "clientCostsTotal": "502261.50"
  },
  {
      "date": "2016-08",
      "clientCostsTotal": "7598.00"
  },
  {
      "date": "2016-12",
      "clientCostsTotal": "0.00"
  }
  ]
  </code></pre>
  
  <p>I need to grab all of the <code>date</code> values and store them in one array. Also, I need to grab all of the <code>clientCostsTotal</code> values and store them in a separate array. How do I do this?</p>
  
  <p>Thank you for your help.</p>