Simple background color switcher problem

Simple background color switcher problem

I have created a simple background color switcher and it switches color only on the first click, but doesn't remove it on the second.

Here's an excerpt of my HTML and jQuery in its entirety below it:

  2. <body>
  3. <button>
  4. Change
  5. </button>
  6. </body>

  2. $(document).ready(function(){
  3. if(!$('body').hasClass('bg')){
  4. $('button').click(function(event){
  5. $('body').addClass('bg');
  6. });
  7. }
  8. else{
  9. $('button').click(function(event){
  10. $('body').removeClass();
  11. });
  12. }
  13. });

Could you please help me resolve the issue and point out what am I doing wrong? Thank you.