Input BUTTON, quebrando abaixo no VALIDATE.JQUERY

Estou enfrentando um problema, que nunca passei...

Alguém já passou, tipo:

1) utilizo o código abaixo, um INPUT GROUP, com button e input, ao validar com JQUERY VALIDATE, ele exibe a validação, mas quebra o BUTTON...

como posso resolver....????

<section id="menu_newsletter" class="secao_altura20 parallax parallax_newsletter">
 <div id="retorno"></div>
 <div class="row">
 <div class="col-md-6" style="left: 0;">
 <div class="col-md-2 pull-left">
 <div id="icon_news_a" class="fa fa-envelope-o"></div>
 </div>
 <div class="col-md-10">
 <div class="col-md-12" style="padding-bottom: 18px; color: darkslategray;">
 <div class="text-left">Cadastre-se e fique por dentro das novidades!</div>
 </div>
 <div class="col-md-12">
 <form id="frm_cad" class="form-white" method="post" action="form/form_acoes.asp?caso=menu_newsletter">
 <div class="input-group">
 <input type="text" id="dm_email" name="dm_email" class="form-control clearfix" placeholder="Digite seu email">
 <div class="input-group-btn">
 <button type="submit" class="btn btn-default clearfix" style="height: 40px;">ENVIAR</button>
 </div>
 </div>
 </form>
 </div>
 </div>
 </div>
 </div>
 <div id="carregando"></div>
</section>

	Agradeço sugestões de contornar este erro, que fica FEIO no layout e na validação...

	Obrigado.