jQuery - add field dyanamically and limit by Norlihazmey Ghazali

http://stackoverflow.com/questions/32436472/how-to-disable-a-button-that-adds-new-text-inputs-to-prevent-user-from-keep-add/32436549#32436586

HTML

<input type="button" class="addtextbox" value="Add new field">

CSS

.error{
    color:red;
    
}

JavaScript

$(function() {
   var limit = 1;
   $(".addtextbox").click(function() {    
       
     if ( limit === 4 ) {
         $(".addtextbox").prop('disabled', true);
     }
    
       $(".addtextbox").before("<input [type='text'] class='options' placeholder='Enter Text Here'><br>");        
       limit++;
     
   });
 });