JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://malsup.github.io/jquery.form.js"></script>
<form id="formFreeSearch"  class="form-group ">
    <label> 
        <input id="FreeSearch" name="FreeSearch" placeholder="חיפוש חופשי..." type="text" value="" />
        <input id="ViewName" name="ViewName" type="hidden" value="Contacts" />
        <input id="ViewID" name="ViewID" type="hidden" value="1" />
   </label>
</form>                        
<div id="resultSearch"></div>

JavaScript

$(document).ready(function () {
    $("#FreeSearch").on("focusout",sendForm);
});

function sendForm(form) {
      $.ajax({
            url: "/echo/json/",
            type: "post",      
            data: $(form).serialize(),     
            cache: false,
            success: function(returnhtml){                          
                $("#resultSearch").text(returnhtml);                 
            }  ,
            error: function(returnhtml){                          
                $("#resultSearch").text(returnhtml);                 
            }  
        });    
}