JSFiddle - React, Tailwind, and code Playground

by Mahipat Jadav

HTML

Inputs inside div:
<div id="name" class="test">
    <input type="text" id="firstname"/>
    <input type="text" id="lastname"/>
</div>
Inputs outside div:<br>
<input type="text" id="dob"/>
<div id="output" style="width:100%"></div>

JavaScript

$(document).ready(function () {
	var count = 1;
  $("#name").focusout(function (e) {
  			if($(this).has(e.relatedTarget).length === 0) {
       		$("#output").append("<label style='width:100%;'>"+ count++ +" Name div focus out </label>"); 
        }
  });
});