JSFiddle - React, Tailwind, and code Playground

HTML

<div class="searchbox">
    <form action="/search.php" method="get" class="search" id="local_search_form">
        <input type="text" name="q" placeholder="Search - e.g. C++ Basics" id="local_search_box"
        alt="Search" />
        <input type="submit" id="local_search" value="Go"/>
    </form>
</div>

JavaScript

$(document).ready(function() {
        function set_tutorial_list()
        {
          $.ajax({
            url: 'http://127.0.0.1/process.php',
            type: "GET",
            data: "t=tutorial_list",
            success: function(data)
            {
              $("#results").html(data);
            }
          });
        }
        function getParameterByName(name) {
          var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
          return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
        }

        $("#local_search").click(function(e) {
          e.preventDefault();
          if($("#local_search_box").val() == "")
          {
            set_tutorial_list();
          }
          else
          {
            $.ajax({
              url: 'http://127.0.0.1/process.php',
              type: "GET",
              data: "q=" + $("#local_search_box").val() + "&m=series",
              success: function(data)
              {
                $("#results").html(data);
              }
            });

          }
          return false;
        });

        $('#local_search_form').submit(function(e) {
          e.preventDefault();
          alert('SUBMITTED');
        });
        
        var query = getParameterByName("q");
        if(query != undefined && query.length >= 2)
        {
          $("#local_search_box").val(query);
          $("#local_search").click();
        }
        else
        {
          set_tutorial_list();
        }
      });