JSFiddle - React, Tailwind, and code Playground

HTML

<form id="Superform" action="javascript: return false;">
<form id="Subform1" action="javascript: return false;">
    form1
</form>
<form id="Subform2" action="javascript: return false;">
    form2
</form>
</form>
<div>
Forms my browser sees:
<ul id='log'>
</ul>
</div>

JavaScript

$(document).ready(function() { 
    var logEl = $('#log');
    $('form').each(function() { 
        var msg = $('<li>' + this.id + '</li>');
        logEl.append(msg); 
    });
});