How to show the placeholder value after clearing the text field in Jquery

Question

I'm setting a text field value to empty like this

$("#navbarSearchField").val('');

now I want to re show the place holder value. I tried triggering a foucusout and a blur but neither worked.

$("#navbarSearchField").trigger("blur"); // and .trigger("focusout");

Answer 1

Check this out

 $("#s").blur(function() { if($(this).val() == '') $(this).val('some text'); }); 

 <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous"></script> <input type="text" name="s" id="s" placeholder="some text"> 

Answer 2

this fixed it.

focus on another element outside the form

$("#navbarSearchField").val('');
$("#navbarHeader").first().focus();