JSFiddle - React, Tailwind, and code Playground

HTML

<form accept-charset="UTF-8" action="#}" method="post">
    <div class="field">
        <label for="username">Email:</label>
        <input class="text" id="passwordEmail" name="username" required="required" size="30" type="text">
        <div class="field-meta">Put in your email, and we send you instructions for changing your password.</div>
    </div>
    <div class="field">
        <input id="submitPasswordRequest" class="full-width button" name="commit" tabindex="3" type="submit" value="Get Password">
    </div>
    <div class="field center"> <a href="#" onclick='togglePasswordForm(); return false;' class="password_link extra_form_link">Nevermind, I Remembered</a>

    </div>
</form>

JavaScript

$("#submitPasswordRequest").click(function (e) {
    e.preventDefault();
    var username = $('#passwordEmail').val();
    alert(username);

    /*
            $.ajax({
                 type: "POST",
                 url: "/resetting/send-email",
                 data: { username: username}, // serializes the form's elements.
                 success: function(data)
                 {
                     console.log(data); // show response from the php script.
                 }
            });
            */

    return false;
});