JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head></head>
    <body>
        <p>I don't think <a href="http://bugs.jquery.com/ticket/4652">http://bugs.jquery.com/ticket/4652</a>is a duplicate of <a href="http://bugs.jquery.com/ticket/3113">http://bugs.jquery.com/ticket/3113</a>
            as claimed. The following demonstrates that 4652 is still broken</p>
        
        <h1>Broken</h1>
        <a href="#" id="broken_link">Submit</a>
        <form id="broken_form" action="http://www.google.com/" method="get" accept-charset="utf-8">
            <input type="text" name="q" value="This won't go to google" id="q">
            <input type="submit" name="submit" value="Search">
        </form>
        
        <h1>Working (no name="submit" on the submit button)</h1>
        <a href="#" id="good_link">Submit</a>
        <form id="good_form" action="http://www.google.com/" method="get" accept-charset="utf-8">
            <input type="text" name="q" value="This will go to google" id="q">
            <input type="submit" name="submitSOMTHINGELSE" value="Search">
        </form>
        <h1>3113 is fixed</h1>
        <a href="#" id="3113">test</a>
        <form name="testform">
            <input type="text" name="name" value="" />
        </form>
    </body>
</html>

JavaScript

$('a#broken_link').bind('click', function(e) {
    e.preventDefault();
    $('#broken_form').submit();
});
$('a#good_link').bind('click', function(e) {
    e.preventDefault();
    $('#good_form').submit();
});

$("a#3113").click(function() {
    var form = $("form[name=testform]");
    alert(form.attr("name"));
});