jQuery - Disable click after n clicks

by Kushal Jayswal

HTML

<div id="content">
    <form action="" name="form1"><input size="5" type="text" value="Text" />

    </form>
    
    <input id="addon" size="5" type="submit" value="Add" />

    <!--FOR HYPERLINK <a id="addon" href="#" title="" id="addon">addon</a> -->

</div>

CSS

/* not required for a script */
input{ display: block; margin: 10px; }

JavaScript

$(function(){
  var count = 3,
      $btn = $("#addon"); 
      //Or which ever you want
      //Change the label of $btn
      //$btn.val($btn.val()+' ('+count+')')
      
  $btn.click(function(){
      $btn.val($btn.val().replace(count,count-1));
      count--;
      if(count==0) {
            return !$btn.attr('disabled','disabled');
        /* FOR HYPERLINK
        return !$btn.unbind('click');
        */
      }
  })
  
  //Adding GROUP of elements ONCLICK
  $("#addon").click(function() {
        for (var i = 0; i < 1; i++) {
            $('#content form').append('<input type="text" value="Text" size="5" />');
        }
    });
});