JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css">
<script src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script>
<script src="http://jquery.com/demo/thickbox/images/loadingAnimation.gif"></script>
<input type="text" name="maxprocedure"  id="maxprocedure" value="1"/>
<div id="procedurecontainer">
    <a title="Google Site" class="thickbox" href="http://www.google.com?width=200&height=200" >Open Here</a>
</div>
<input type="button" id="addprocedure" value="add"/>

JavaScript

$(document).ready(function() {
     $('#addprocedure').click(function()
{
    //alert($("#maxprocedure").val());
    var maxvalue=$("#maxprocedure").val();
    for(var i=1;i<=5;i++)
    {
        var idvalue=parseInt(maxvalue)+i;
        $("#procedurecontainer").append('<input type="text" value="" id="procedurecode'+idvalue+'" name="procedurecode'+idvalue+'"></input><a title="Google Site" class="thickbox" href="http://google.com?width=200&height=200">Open Here</a>');
        $("#maxprocedure").val(idvalue);
   
    }
});

});