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, 10) + 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>');
tb_init('a.thickbox');
            $("#maxprocedure").val(idvalue);

        }
    });

});