Come leggere i contenuti interni Div a ajax? - html, sql, ajax, json

Sto cercando di aggiornare il dl sql da un elenco divariabili inviate dalla pagina HTML. Alcuni dei dati vengono inviati correttamente, mentre altri no. Metto la lista in un div che è diviso in due parti: "h1" e un altro "Div". I dati nell'intestazione vengono tutti inviati correttamente, ma il corpo stesso che è al secondo div non viene inviato affatto. Questo è il div cui i dati sono messi a:

    $("#Classes").append("<div> <h1 class = "flip" wpID="" + subjects[i].Wkp_ID + "" lessonID="" + subjects[i].Ttb_lessonID + "" Date="" + Datecoming + "">" + subjects[i].sbj_Name + " Class:" + subjects[i].Ttb_Class + "</h1><div id ="NewBody" class="panel" contenteditable>" + subjects[i].Wkp_Body + "</div> </div>");

Ed è così che li leggo alla parte dell'ajax:

    var WeekPlan = [];
$("#Classes div").each(function (index) {
var header = $(this).children("h1");
var WeekBody = $(this).children("div").val();
var wpID = header.attr("wpID");
var lessonID = header.attr("lessonID");
var Wkp_Date = header.attr("Date");

WeekPlan[index] = { "Wkp_ID": wpID, "Wkp_Date": Wkp_Date, "Wkp_Body": WeekBody, "Wkp_lesson": lessonID };
});

Wkp_ID, Wkp_Date, Wkp_Lesson hanno ragione, mail Wkp_Body restituisce solo una stringa vuota. Quindi sai perché sta succedendo questo e come posso davvero leggere il corpo? Molto probabilmente il problema è con questa linea:

    var WeekBody = $(this).children("div").val();

Ma come posso accedervi correttamente?

Molte grazie.

risposte:

Ecco cosa ha funzionato per me nel caso qualcuno ne avesse bisogno:

Creare il div:

                 $("#Classes").append("<div class="BigDiv"> <h1 class = "flip" wpID=""+ subjects[i].Wkp_ID + "" lessonID="" + subjects[i].Ttb_lessonID + "" Date="" + Datecoming + "">" + subjects[i].sbj_Name + " class:" + subjects[i].Cls_Name + "</h1><div class="panel" contenteditable>" + subjects[i].Wkp_Body + "</div> </div>");