Dynamically Remove a Movieclip on button release

I cannot get content to disappear.

I am trying to remove a movieclip when you click on “next” button.
here is the code I am using:
next_btn.onRelease = function(){
clip.icon_btn.removeMovieClip();
};

BELOW IS THE CODE THAT REFERENCES THE CLIP. PERHAPS I AM LABELLING THE WRONG MOVIECLIP? PLEASE HELP I HAVE ALSO ATTACHED THE .FLA FILE. ANY SUGGESTIONS WOULD BE GREATLY APPRECIATED.

function buildIconList() {
var spacing:Number = 85;
//pixels between icons
var iconY:Number = 565;

//effects how  y scale (vertical)
var iconX:Number = 70;
//effects how  x scale (horizontall)
for (var i = 0; i < _root.icon_mc._totalframes; ++i) {
	var newName:String = "icon_mc" + i;
	var clip:MovieClip = _root.icon_mc.duplicateMovieClip(newName, 10000 + i);
	clip.gotoAndStop(i + 1);		
	clip._x = iconX + i * spacing;
	clip._y = iconY;
	clip.homeX = clip._x;
	clip.homeY = clip._y;
	clip.icon_btn.onPress = function() {
		startDrag(this._parent);
	};
	clip.icon_btn.onRelease = function() {
		stopDrag();
		_root.iconReleased(this._parent);
	};
}

}
buildIconList();
function iconReleased(icon:MovieClip) {
if (_root.canvas_mc.hitTest(_root._xmouse, _root._ymouse)) {
++iconDepth;
var newName:String = “object” + iconDepth + “_mc”;
var clip:MovieClip = icon.duplicateMovieClip(newName, iconDepth);
clip.gotoAndStop(icon._currentFrame);
clip.icon_btn.enabled = false;
clip._xscale = 400;
clip._yscale =400;

	//effects scale of icons when dragged
}
icon._x = icon.homeX;
icon._y = icon.homeY;

}