Switching a css class

Switching a css class

Hello...

I would like to change the class of a div when a user clicks a button. The idea is for the footer div to be greyed out until the user clicks an answer.

The button...

<div class="eReportingAnswer">Yes</div>

The div I want to change....

<div class="eReportingFooterContainer">
      <div class="footerDeclarationText">By completeing and submitting this form etc etc...</div>
      <div><a href="foo.html" class="eReportingSubmitButton"></a></div></div>

The jQuery....

$(".eReportingAnswer").mouseup(function() {
           $(this).removeClass("eReportingFooterContainer");
           $(this).addClass("eReportingFooterContainerActive");
    });

The problem is is that instead of the footer class changing, the button class changes! I would also like to change the eReportingSubmitButton class to eReportingSubmitButtonActive also

Any help is appreciated.

Aaron