Can not Focused Textbox JQuery

Question

私のコンソールにエラーメッセージは表示されませんが、.focus()のJQueryの機能は動作しません。 .focusと.val('')ある 私が使用しています2機能... .val('')が正常に動作しているが、ここでは私のHTMLコードです.focus()は

が動作しません。

$('.sukses').show(function(){ 
 
     var notif = 'some message'; 
 
     $('.notif').html(notif); 
 
    });  
 
    $('#kode').focus(); 
 
    $('.kode_guru').val('');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="alert alert-success sukses" style="display: none"> 
 
     <strong>Success!</strong><p class="notif"></p> 
 
    </div> 
 

 
    <form action="#" id="form" class="form-horizontal" role="form"> 
 
     <input onblur="this.focus()" type="text" name="guru" id="kode" class="kode_guru"> 
 
    </form>

私のプログラムフローは、私のテキストフィールド（ '.kode_guru'）に何か変更が加えられるとnotifが出てテキストフィールドが ''にリセットされ、別の入力のために自動的に再びフォーカスされる

私はあなたがこのような何かについて話している願っていますあなたたちは私を約 感謝

Answer 1

を話しているものを理解してほしい：

$('.kode_guru').on('change', function() { 
    $('.sukses').show(function() { 
    var notif = 'some message'; 
    $('.notif').html(notif); 
    }); 
    $('#kode').focus(); 
    $('.kode_guru').val(''); 
}); 

はここで真剣にfiddle