jquery dynamic increase, reduce the input form simple method (Must see) _jquery

The HTML code is as follows

JS code is as follows

<script>  
  var max_fields   = 5//maximum input boxes allowed 
  var wrapper     = $ (". Input_fields_wrap") ; Fields wrapper 
  var Add_button  = (". Add_field_button");//add button ID 
   
  var x = 1//initlal text box Count
   $ (Add_button). Click (function (e) {//on Add input button click 
    e.preventdefault (); 
    if (x < max_fields) {//max input box allowed 
      x + +;//text box increment 
      $ (wrapper). Append (' <tr style= ' " ><td></td><td><button class= "Remove_field btn" >del</button></td></tr > '); Add input Box 
      }   
  });  
   
  $ (wrapper). On ("click", ". Remove_field", function (e) {//user Click on Remove Text 
    E.preventdefault (), $ (this). Closest (' tr '). Remove (); x--; 
  })  

The above is small series for everyone to bring the jquery dynamic increase, reduce the input form of the simple method (must see) all content, I hope that we support the cloud Habitat Community ~