¿Cómo se puede leer el contenido interno de Div en ajax? - html, sql, ajax, json

Estoy tratando de actualizar el db sql por una lista deVariables enviadas desde la página html. Algunos de los datos se envían correctamente, mientras que otros no. Pongo la lista en un div que se divide en dos partes: "h1" y otro "Div". Todos los datos en el encabezado se envían correctamente, pero el cuerpo mismo que está en la segunda división no se envía en absoluto. Esta es la Div en la que se ponen los datos:

    $("#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>");

Y así es como los leo en la parte 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 tienen razón, peroel Wkp_Body simplemente devuelve una cadena vacía. Entonces, ¿sabes por qué está sucediendo esto y cómo puedo realmente leer el cuerpo? Probablemente el problema sea con esta línea:

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

Pero, ¿cómo puedo acceder correctamente?

Muchas gracias.

Respuestas

Esto es lo que funcionó para mí en caso de que alguien lo necesite:

Creando el 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>");