JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<!-- Include JS File Here -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
		$("#btn").click(function(){
			var vname = $("#name").val();
			var vgender = $("#gender").val();
			var vstage =$("#stage").val();
			alert(vname+" Using btn");
	});
	$("#rqst").click(function(){
			var vname = $("#name2").val();
			var vgender = $("#gender2").val();
			var vstage =$("#stage2").val();
			alert(vname+" Using rqst");
	});
});
</script>
</head>
<body>
<div id="main">

<hr>
<form id="form" method="post">
<div id="namediv"><label>Name</label>
<input type="text" name="name" id="name" placeholder="Name"/><br></div>
<div id="emaildiv"><label>Gender</label>
<input type="text" name="gender" id="gender" placeholder="Gender"/></div>
<input type="hidden" name="stage" id="stage" value="0" /></div>

</form>
<button id="btn">Send Data</button>
</div>
<div id="result"></div

<br>



Request

<form id="form" method="post">
<div id="namediv"><label>Name</label>
<input type="text" name="name" id="name2" placeholder="Name"/><br></div>
<div id="emaildiv"><label>Gender</label>
<input type="text" name="gender" id="gender2" placeholder="Gender"/></div>
<input type="hidden" name="stage" id="stage2" value="0" /></div>

</form>
<button id="rqst">Send Data</button>
</div>
<div id="result"></div

</body>
</html>