Need help doing gotoAndStop on a nested movie clip in HTML5/CreateJS

Hi All,

I have been looking for the solution to this and have tried multiple things but to no avail. I am super new to Adobe Animate so it might be something I'm completely overlooking.

My project is set up like this:

• Scene 1 (Main Timeline) > MAN1_MC (First Child Movie Clip) > EDITBUTTON_MAN1and2_MC (Second Child Movie Clip)
• I have buttons that, when clicked, should go to a different frame of the Second Child Movie Clip 

My code for reference:

var root = this;
root.stop();

var who_value = 0;
window.edit_value = 0;
console.log(edit_value);

/* BACKGROUND MENU */
root.MENU_BUTTON8.addEventListener("click", fl_ClickToGoToAndStopAtFrame_2.bind(root)); 

function fl_ClickToGoToAndStopAtFrame_2() {
	root.gotoAndStop("BG_COLOR_MENU_BUTTON");
}

root.MAN_BUTTON.addEventListener("click", fl_ClickToGoToAndStopAtFrame_WHO.bind(root, 1));
root.WOMAN_BUTTON.addEventListener("click", fl_ClickToGoToAndStopAtFrame_WHO.bind(root, 2));
root.MANWOMAN_BUTTON.addEventListener("click", fl_ClickToGoToAndStopAtFrame_WHO.bind(root, 0));
root.MANMAN_BUTTON.addEventListener("click", fl_ClickToGoToAndStopAtFrame_WHO.bind(root, 3));
root.WOMANWOMAN_BUTTON.addEventListener("click", fl_ClickToGoToAndStopAtFrame_WHO.bind(root, 4));

function fl_ClickToGoToAndStopAtFrame_WHO(who_number) {
	who_value = who_number;
	root.WHOBUTTONOVERLAY_MC.gotoAndStop(who_value);

	if (who_value == 1 || who_value == 3) {
		window.edit_value = 2;
		console.log(window.edit_value);
		root.MAN1_MC.EDITBUTTON_MAN1and2_MC.gotoAndStop(1);
	}
}

Despite this, what I want doesn't work and I get the error "Cannot read property gotoAndStop of undefined" in the Console.

Is there something I'm missing here? Is this a load error (which I have read on many answers and have tried to fix)? Am I calling the children incorrectly? Any help is appreciated!

-Melanie