JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <select id="SystemActive">
            <option value="Y">Active</option>
            <option value="N">Deleted</option>
        </select>
        <button id="SystemRefresh">Refresh</button><br>
        <form name="NewForm">
        <table id="SystemTable" class="resultsGrid">
            <thead>
                <tr>
                    <th hidden>ID</th>
                    <th>Name</th>
                    <th>URL</th>
                </tr>
                <tr>
                    
                        <td hidden>New</td>
                        <td><input name="name" type="text"></td>
                        <td><input name="url" type="url"></td>
                        <td><input type="submit" value="New"></td>
                        <td><input type="reset" value="Cancel"></td>
                    
                </tr>
            </thead>
        </table>
        </form>
    </div>

JavaScript

$(function() {
            $("form").submit(submitForm)
        });

        function submitForm(event,data)
        {
            console.log((event.target));
            var $this = $(event.target);


            var valid = true;
            var changed = false

            var input = $this.find("input[name='name']");
            console.log("Name");
            console.log(input);
            console.log($(input).val());


            event.preventDefault();
            return false;
        }