JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="first" name="a">
  <input type="text" id="second" name="b">

JavaScript

setTimeout(function(){
 	  $("input#first").focus();		
	  console.log("input focused: " + $("input").is(":focus")  
	  	+ "\r\n input#first focused: " + $("input#first").is(":focus") 
		+ "\r\n input:focus id: " + $("input:focus").attr("id") 
		+ "\r\n $('input').not(':focus').length: " + $("input").not(":focus").length
		+ "\r\n $('input:not(:focus)').length: " + $("input:not(:focus)").length
		+ "\r\n focused count: " + $("input:focus").length);
	}, 1000);