title: Adding a row to JSON
body: <p>I want to add a new row to my JSON when the user clicks a link. Here's my javascript: It's not erroring, but I am not getting updated JSON in my alert.</p>
  
  <pre><code>$(document).ready( function(){
  
  people = {
      "COLUMNS":["NAME","AGE"],
      "DATA":[
      ["Jon","16"],
      ["Jerry","23"]
      ]
  } 
  
  members = people.DATA;
  var nc = "&lt;table border=1 width=500&gt;&lt;tr&gt;&lt;td&gt;name&lt;/td&gt;&lt;td&gt;age&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;";
  
  for(var i=0;i&lt;members.length;i++)
  {
      nc+= '&lt;tr&gt;&lt;td&gt;' + members[i][0] + '&lt;/td&gt;';
      nc+= '&lt;td&gt;' + members[i][1] + '&lt;/td&gt;';
      nc+= '&lt;td&gt;&lt;a href="" class="addlink"&gt;add a new person&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;';
  }
  
  nc += "&lt;/table&gt;";
  
  $("#result").html(nc);
  
  $(".addlink").click( function(){ 
  
      // add another row to our JSON
      people.DATA['NAME'] = "new";
      people.DATA['AGE'] = "99";
  
      alert(people.DATA);
      return false;
  
  });
  });
  </code></pre>