Connect the two HTML menu on active

[Vladiktu]

I have two HTML menu on my site. First, top-menu. Second, footer-menu.Top Menu:\[code\]<ul id=creamenu> <li><a id="menu1" href="http://stackoverflow.com/questions/14031301/site1.com">1</a></li> <li><a id="menu2" href="http://stackoverflow.com/questions/14031301/site2.com">2</a></li> <li><a id="menu3" href="http://stackoverflow.com/questions/14031301/site3.com">3</a></li> <li><a id="menu4" href="http://stackoverflow.com/questions/14031301/site4.com">4</a></li> <li><a id="menu5" href="http://stackoverflow.com/questions/14031301/site5.com">5</a></li></ul>\[/code\]Footer Menu:\[code\] <div id="footer-menu"> <ul> <li><a id="menu1" href="http://stackoverflow.com/questions/14031301/site1.com">1</a></li> <li><a id="menu2" href="http://stackoverflow.com/questions/14031301/site2.com">2</a></li> <li><a id="menu3" href="http://stackoverflow.com/questions/14031301/site3.com">3</a></li> <li><a id="menu4" href="http://stackoverflow.com/questions/14031301/site4.com">4</a></li> <li><a id="menu5" href="http://stackoverflow.com/questions/14031301/site5.com">5</a></li> </ul> </div>\[/code\]This menus have different \[code\]active\[/code\] style and working. I want, connect this menus on active.E.G. When i click \[code\]menu1\[/code\] on top-menu get active class topmenu and footer-menu. How can i do it?