Struggling to Create an Object From a JSON string

Struggling to Create an Object From a JSON string

I'm trying to create an object from a JSON string.  I've attached a picture that shows what the JSON string looks like, and what my object is looking like after parsing through the string.  Obviously, I'm doing something wrong :)

For starters, I don't what the literal "i" to be used, but rather it's numeric value.  Why is it giving me "i"?  And the other thing is that it seems to be completely ignoring the assignments inside the inner brackets...why is that?  I feel a good coaching opportunity here :)

My code is:

  2.     FAjax.eocColumns = function () {
  3.         return $.ajax({
  4.             type: "POST",
  5.             contentType: "application/json; charset=utf-8",
  6.             url: "WebServices/eoc.asmx/getEOCColumns",
  7.             data: "{}",
  8.             dataType: "json",
  9.             success: function (response) {
  10.                 var myCols = [];
  11.                 var loc = JSON.parse(JSON.stringify(response.d));

  13.                 alert(JSON.stringify(loc));

  15.                 for (var i = 0; i < loc.length; i++) {
  16.                     myCols.push({
  17.                         i: {
  18.                             name: loc[i].name,
  19.                             title: loc[i].title
  20.                         }
  21.                     });
  22.                 }

  24.                 alert(JSON.stringify(myCols));
  25.             }
  26.         })
  27.     };

The JSON string and resulting object looks like this: