JSFiddle - React, Tailwind, and code Playground

by kneidels

HTML

<form method="post" action="" id="form_search" class="d-flex ms-auto d-md-flex  d-none">
                        <input id="inputSearch" name="searchInput" class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                        <button class="btn btn-outline-primary" type="submit">Search</button>
                        <input type="hidden" name="searchForm" value="searchForm">
                      </form>

JavaScript

$(document).ready( function() {
     $('#form_search').on('submit', function(e) {
         e.preventDefault(); 

         var searchTerm = $('#inputSearch').val(); 
         
         alert(searchTerm);
        
         $.ajax({
             url: 'functions.asp', 
             type: 'POST',
             data: {operation: 'search', 
                     search: searchTerm},
             success: function(response) {
                 $('#tableBody').html(response); 
                 //console.log(response);
             }
            
         });
     });
 });