<div id="cwEmailNotGrp" class="btn-group" data-toggle="buttons-radio">

<button id="_onNotification" type="button" class="btn css_CWEmailNotifyBtn"><span class="css_CWEmailNotifyBtnTxt">ON</span></button>

<button id="_offNotification" type="button" class="btn css_CWEmailNotifyBtn"><spanclass="css_CWEmailNotifyBtnTxt">OFF</span></button>

</div>

and some js script to handle clicked event on the buttons like:

this._onOnNotificationButtonClicked = function (sender) {

if (!this._currentENotifyState) {

this._setEmailNotifyMode(true);

$("#" + CollaborationWidget.Buttons.ONNOTIFICATION_ID).addClass(' active');

}

};

this._onOffNotificationButtonClicked = function (sender) {

if (this._currentENotifyState) {

this._setEmailNotifyMode(false);

$("#" + CollaborationWidget.Buttons.OFFNOTIFICATION_ID).addClass(' active');

}

};

The code works fine on Chrome. It doesn't work on IE10 and firefox. On IE10, firefox, if OFF button is active, click ON button, it works. ON button becomes active. However, if ON button is active, click OFF button does not make OFF button active. 

Anyone knows what's problem and how to fix it.