JSFiddle - React, Tailwind, and code Playground

by Florian Bar

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<form id="commentForm" method="post" action="">
  <p id="parent">
    <input id="list" name="list" class="required" />
  </p>

  <input class="submit" type="submit" value="Submit1"/>
  <input type="button" value="add1" onclick="addInputField()" />
</form>

JavaScript

var i = 1;

$(document).ready(function(){                
    $("#commentForm").validate();
});

function addInputField() {   
    var inputField = $('#list').clone()
    	.attr('id','list' + i)
      .attr('name','list' + i);
      
    inputField.appendTo('#parent');
    
    i++;
}