Get Lists Items Related Across Two Lists Only Returns Last Record

Hi all,

I have two lists that have related data. I need output the data from the second list if the data in the first list matches. Using the code below, I get a match... but it's only for the last data (number) that I am storing in the Div via jQuery. Does anyone have any ideas (i.e. iterate through Div with an .each, make array, etc.).

ExecuteOrDelayUntilScriptLoaded(retrieveEvents, "sp.js");
function retrieveEvents() {

    var clientContext = new SP.ClientContext.get_current();
    var oList = clientContext.get_web().get_lists().getByTitle('Events');

    var camlQuery = new SP.CamlQuery();
    camlQuery.set_viewXml('<View><Query><Where><Eq><FieldRef Name=\'EventDate\'/><Value Type=\'DateTime\' IncludeTimeValue=\'False\'>2013-12-05T12:00:00Z</Value></Eq></Where></Query></View>');
    this.collListItem = oList.getItems(camlQuery);

    clientContext.load(collListItem);

    clientContext.executeQueryAsync(Function.createDelegate(this, this.onEventsSucceeded), Function.createDelegate(this, this.onEventsFailed));

}

function onEventsSucceeded(sender, args) {

    var listItemEnumerator = collListItem.getEnumerator();

    while (listItemEnumerator.moveNext()) {
        var oListItem = listItemEnumerator.get_current();
        $("#DocketVariables").data({"fullDocketNumber": oListItem.get_item('DocketYear') + "-" + oListItem.get_item('DocketNumber')
        });
        $("#DocketNumbers").append($("#DocketVariables").data("fullDocketNumber"));
        //Executes the retrieveDocketDetails function
            retrieveDocketDetails();
        }
    }
function onEventsFailed(sender, args) {

    alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}

//Get Docket Details for Events
function retrieveDocketDetails() {

    var clientContext = new SP.ClientContext.get_current();
    var oList = clientContext.get_web().get_lists().getByTitle('Docket Details');

    var camlQuery = new SP.CamlQuery();
  
    this.collListItem = oList.getItems(camlQuery);

    clientContext.load(collListItem);

    clientContext.executeQueryAsync(Function.createDelegate(this, this.onDocketDetailsSucceeded), Function.createDelegate(this, this.onDocketDetailsFailed));

}

function onDocketDetailsSucceeded(sender, args) {

    var listItemEnumerator = collListItem.getEnumerator();

    while (listItemEnumerator.moveNext()) {
        var oListItem = listItemEnumerator.get_current();
        var docketYear = oListItem.get_item('DocketYear');
        var docketNumber = oListItem.get_item('DocketNumber');
        var fullDocketNumber = docketYear + "-" + docketNumber;
            if ($("#DocketVariables").data("fullDocketNumber") == fullDocketNumber) {
                $("#DocketDetails").append(fullDocketNumber + oListItem.get_item('FilingDate') + oListItem.get_item('CaseType') + "</br>");
            }
        }
    }

function onDocketDetailsFailed(sender, args) {

    alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}

Thanks,

Kelly

Personal Blog: http://thebitsthatbyte.com