JQuery remove() enléve la balise mais pas son contenu.

Bonjour,
J'utilise remove() pour supprimer une balise seulement il reste le contenu affiché.
Comment faire pour supprimer et la balise et son contenu, dois je utiliser html() ou text() pour écrire du vide ou une fonction existe?

Voici mon code:
HTML

<section>
 <button id='consoled6'>D6</button>
 <button id='consolecls'>CLS</button>
<div id="console">
<p id='firstline'></p>
</div>
</section>

js

$('#consoled6').click(function(){
// le texte inséré est indifférent, c'est juste des tests pour mon appli
 $('#console p').after(1+Math.floor(Math.random()*6),"<br/>");
 });
$('#consolecls').click(function(){
 $('#console #firstline').nextAll().remove();
 });

Testé dans chromium(chrome pour linux) et firefox, même problème: je n'ai plus les balises seulement mon texte.