DOM manipulation with JSON data

JavaScript

var jsonString = '[{"name":"Manchester GTUG","meetup":"First","tags":["gtug","google","manchester","madlab"]},{"name":"Manchester jQuery Group","meetup":"First Tuesday","tags":["jquery","javascript","jresig","madlab"]},{"name":"Hybrid!","meetup":"First Monday","tags":["jquery","javascript","jresig","madlab"]}]';

var myData = JSON.parse(jsonString);
myData[0]['name'] = "California";
console.log(myData.length + "::"+myData[2]['name']+myData[0]['age']);

  $(document).ready(function() {
    // insert new prop & show it
    var i = 1;
    $.each(myData, function() {
        this.index = i;
        i++;
    });

    var $body = $('body');
    $.each(myData, function() {
        $('<p>' + this.index + ':' + this.name + '</p>').appendTo($body);
    });
    console.log(myData[2]['name']+myData[0]['index']);
  });