jQuery addClass example

Change class name on click in jQuery

HTML

<input type="text" value="ñ" maxlength="4" /><!-- C3 B1 -->
<input type="text" value="¢" maxlength="4" /><!-- C2 A2 -->
<input type="text" value="é" maxlength="4" /><!-- C3 A9 -->
<input type="text" value="é" maxlength="4" /><!-- 65 CC 81 -->
<input type="text" value="없" maxlength="4" /><!-- EC 97 86 -->
<input type="text" value="㐂" maxlength="4" /><!-- E3 90 82 -->
<input type="text" value="ह" maxlength="4" /><!-- E0 A4 B9 -->
<input type="text" value="€" maxlength="4" /><!-- E2 82 AC -->
<input type="text" value="𐐷" maxlength="4" /><!-- F0 90 90 B7 -->
<input type="text" value="𐍈" maxlength="4" /><!-- F0 90 8D 88 -->
<input type="text" value="𤭢" maxlength="4" /><!-- F0 A4 AD A2 -->
<input type="text" value="💩" maxlength="4" /><!-- F0 9F 92 A9 -->
<input type="text" value="🇫🇷" maxlength="4" /><!-- F0 9F 87 AB - F0 9F 87 B7 -->
<input type="text" value="👩‍" maxlength="4" /><!-- F0 9F 91 A9 E2 80 8D -->
<input type="text" value="❤️‍" maxlength="4" /><!-- E2 9D A4 EF B8 8F E2 80 8D -->
<input type="text" value="👩" maxlength="4" /><!-- F0 9F 91 A9 -->
<input type="text" value="👩‍❤️‍👩" maxlength="4" /><!-- ... 20 bytes -->

JavaScript

$('input').after(function(){
	return 'Length: '+$(this).val().length+'<br />';
 })