JSFiddle - React, Tailwind, and code Playground

HTML

<input id="test" size="10" style="font-size:20px;border:#000 solid 1px;margin:100px auto;" type="text">
	<input id="test1" size="10" style="font-size:20px;border:#000 solid 1px;margin:100px auto;" type="text">
        <br />
   <input id="test2" size="10" style="font-size:20px;border:#000 solid 1px;margin:100px auto;" type="text">
	<input id="test3" size="10" style="font-size:20px;border:#000 solid 1px;margin:100px auto;" type="text">

JavaScript

$(document).ready(function(){
    // not work
    $("#test").blur(function(){
        setTimeout(function() {
        $(this).focus();
        }, 100);
    });
    $("#test2").blur(function(){
    // work
        setTimeout(function() {
        $("#test2").focus();
        }, 100);
    });
});