JSFiddle - React, Tailwind, and code Playground

by Shaunak Deshpande

HTML

<div class="form_input industry">
    <div class="row" id="industry">
        <div class="col-sm-4 col-md-2">
            <label class="job_label"><span class="glyphicon glyphicon-user"></span>&nbsp Insdustry</label>
        </div>
        <div class="row rd">
            <div class="col-sm-6 col-md-3">
                <input type="text" name="domain[]" id="domainExclude" placeholder="Industry/Domain" class="industry_text form-control">
            </div>
            <label class="checkbox-inline">
                <input type="checkbox" value="">Exclude</label>
        </div>
        <br>
        <br>
    </div>
    <div class="row link_text">
        <div class="col-sm-9 col-sm-offset-3 col-md-offset-2"> <a class="industry_button" id='add' href="javascript:void(0);">+Add Industry</a>

        </div>
    </div>
</div>
<br>
<br>

JavaScript

var currentItem=1;
      $('.industry_button').click(function(){
          currentItem=currentItem+1;
          var strToAdd = "<div class='row' style='margin-top:8px;'><div class='delrow_industry'><span class='glyphicon glyphicon-remove-circle'></span></div><div class='col-sm-6 col-md-3 col-md-offset-2' style='margin-left: 17.5%;'><input type='text' name='domain[]" +currentItem+ "' placeholder='Industry/Domain' class='industry_text form-control'></div><label class='checkbox-inline'><input type='checkbox' name='domainExclude" +currentItem+ "' value='1'>Exclude</label></div><br>";
          $('#industry').append(strToAdd);  
      })