jquery - テキストが入力されたときにラベルのインスタント hide() を実現する方法

Question

プレースホルダーとして機能するように上に配置したラベル付きのテキスト入力があります。placeholder 属性についてはよく知っていますが、このタスクには関係ありません。

ユーザーが入力に入力すると、プレースホルダー ラベルが非表示になります。しかし問題は、それが実際に起こるのにマイクロ秒かかることです - それは瞬時ではありません. つまり、プレースホルダーがテキストの最初の数文字をカバーしているところで遅延が発生します。

私のhtmlコードは次のとおりです。

<div class="input-wrap">';

    <div class="label" contenteditable="false">Write something</div>
    <div id="input" contenteditable="true"></div>

</div>

jQuery:

$('.input-wrap').on('keyup','#status-input',function(){

    $('#label').hide();

});

ここでコードペンの例を作成しました。

何かが入力されるとすぐにラベルを消すにはどうすればよいですか?