I wish to possess the jQuery AJAX load to place prior to the navigation as-is rather than changing the items in a component.

I am trying to do this by loading it inside a new div prior to the navigation, but I am getting trouble unwrapping it as being .unwrap() unwraps parents and never the present div. Attempting to unwrap the divs .children() breaks my AJAX load.

navigation.before(
    $('<div />')
        .load(nextLink + ' .post', function() {
            pageNum++;
            nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);

            if(pageNum <= max) {
                navigation.children('a').text('Load More');
            }
            else {
                navigation.children('a').text('Nothing else to load.');
            }
        })
);

If you are wondering where this originated from, it is a modified version of Load Next WordPress Posts With AJAX

Do this

$('<div />')
    .load(nextLink + ' .post', function() {
        pageNum++;
        nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);

        if(pageNum <= max) {
            navigation.children('a').text('Load More');
        }
        else {
            navigation.children('a').text('Nothing else to load.');
        }

        navigation.before($(this).html());
    });