Assuming that all the elements you have are in the symbol, could you try this: (otherwise your elements' scope is wrong. You might want to put the whole scope of these elements like:
m1.$("biographyareaCopy").html(data[0].biography); which uses m1 instead of sym.
sym.getSymbol("teamgroup1").$("teamThumb1").mouseenter(function(){
// Do something
sym.$("biographyareaCopy").html(data[0].biography);
sym.$("thename").html(data[0].thename);
sym.$("thetitle").html(data[0].thetitle);
sym.$("certifications").html(data[0].certifications);
sym.$("thename").css ({"position":"relative","top":"0px"});
alert( "hovered over a div" );
});
sym.getSymbol("teamgroup1").$("teamThumb1").mouseleave(function(){
// Do something
alert( "mouse left a div" );
}),
sym.getSymbol("teamgroup1").$("teamThumb1").click(function(){
// Do something
alert( "clicked on a div" );
});