JQuery $ .each () Итерация объекта массива JSON

У меня возникли серьезные трудности при попытке решить итерацию JQuery $ .each ()

Это это мой массив, ограничивающий результаты для удобства

[{"GROUP_ID":"143",
  "GROUP_TYPE":"2011 Season",
  "EVENTS":[
    {"EVENT_ID":"374","SHORT_DESC":"Wake Forest"},
    {"EVENT_ID":"376","SHORT_DESC":"Yale"},
    {"EVENT_ID":"377","SHORT_DESC":"Michigan State"}]
 },
 {"GROUP_ID":"142",
  "GROUP_TYPE":"2010 Season",
  "EVENTS":[
    {"EVENT_ID":"370","SHORT_DESC":"Duke"},
    {"EVENT_ID":"371","SHORT_DESC":"Northwestern"},
    {"EVENT_ID":"372","SHORT_DESC":"Brown"}]
}]

Моя первая итерация $ .each работает очень хорошо, но под-итерация для «СОБЫТИЯ» - это то место, где у меня возникают проблемы

Моя первая функция $ .each ()

     $.each(json, function(key) {

            html = '<a href="'+json[key].GROUP_ID+'">';

     ....

Моя неработающая вторая функция $ .each ()

     $.each(json.EVENTS, function(key) {
    newHTML += '<p>'+json.EVENTS[key].SHORT_DESC+'</p>';


     ...

Я понимаю (в общих чертах), что это не отдельный объект JSON, а массив объектов JSON, но не понимаю, работает ли первая версия, почему не работает вторая

конечный результат, которого я хочу достичь, как только я пойму, что это $ .each () внутри $ .each (), я знаю, что приведенный ниже код не работает, и, скорее всего, идиотский, но дает представление о том, что я пытаюсь для достижения: iter есть через родителя, затем потомка за родителем

$.each(json, function(key) {

            html = '<a href="'+json[key].GROUP_ID+'">';

     $.each(json[key].EVENTS, function(subkey) {

            html = '<a href="'+json[key]EVENTS[subkey].SHORT_DESC+'">';
 ...