Remover as classes css de acordo com resolução da tela

Boa tarde.

Tenho o seguinte código javascript:

if(screen.width < 767)
{

 $("#mostra").removeClass("collapse");
 $("#mostra").removeClass("nav-collapse");
 $("#mostra").removeClass("navbar-collapse");
 $("#mostra").removeClass("js-navbar-collapse");
 $("#mostra").removeClass("menuReset");
};

	E o que eu quero é que remova todas as classes css.

<div class="collapse nav-collapse navbar-collapse js-navbar-collapse menuReset" id="mostra"></div>

	Pra que fique assim:

<div class="" id="mostra"></div>

	O problema é que não está removendo, já pesquisei e tentei de varias formas sem sucesso.

	Tem como fazer isso? Qual o problema?