jQuery remove class

I want to be able to apply a class to my body tag to change the displayed font of the whole page but I’m not to sure how to go about it

I’d be ok if I only had 2 classes to change between but I have about 7 and will add more so what I need is someway of removing any class applied and then apply a class from which ever button is clicked.

What I have:

$('#class-changer li a.class1').click(function() {
                $(body).removeClass("whichever is active");
$('#class-changer li a.class2').click(function() {
                $(body).removeClass("whichever is active");
$('#class-changer li a.class3').click(function() {
                $(body).removeClass("whichever is active");

etc etc
<div class="class_menu">
<ul id="class-changer">
<li><a href="#1" class="class1">class1</a></li>
<li><a href="#2" class="class2">class2</a></li>
<li><a href="#3" class="class3">class3</a></li>
<li><a href="#4" class="class4">class4</a></li>
<li><a href="#5" class="class5">class5</a></li>

any help will be appreiciated, thanks.

Figured it out.


$('#class-changer li a.class2').click(function() {

also placing it under my call to jquery.js at the bottom of my markup helped