JSFiddle - React, Tailwind, and code Playground

by x7ee1

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<form class="form" role="form">
      <div class="form-body">
           <div class="form-group">
               <label>name</label>
               <input type="text" class="form-control" name="name" value="name1">
            </div>
       </div>
 </form>
// next form!
 <form class="form" role="form">
      <div class="form-body">
           <div class="form-group">
               <label>name</label>
               <input type="text" class="form-control" name="name" value="name2">
            </div>
       </div>
 </form>
 <button class="btn btn-primary">submit</button>

JavaScript

$('form').on('submit', function(e) {
  e.preventDefault();
  var form = $(this);
  form.each((key, val)=> 
    $('body').append('<br>'+val.name.value))
})

$('button').click(()=> 
	$('form').trigger('submit')
)