Se quiser manter as tags sem que elas sejam interpretadas, você pode substituir o <
e o >
por sua entidade HTML <
e >
respectivamente. O resultado o navegador irá interpretar como um texto comum:
var msg = $('input').val();
msg = msg.replace(/</g, '<').replace(/>/g, '>');
$("body").append(msg);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input value="<b>abc</b>">
Removendo tags com .replace
e expressão regular
var msg = $('input').val();
msg = msg.replace(/<.+?>/g, '');
console.log(msg)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input value="<i class='classe'>abc1</i> <b>def2</b>">
A expressão <.+?>
captura tudo que for <nome da tag, atributos, fechamento etc.>
e o .replace
remove da string.