Custom Append and increment name

jQuery ProtoType

by Zuhaib Siddiqui

HTML

<div class="container">

</div>
<a href="#" class="append">Append</a>

CSS

.container{
  border:2px solid #000;
  padding:10px;
}

JavaScript

(function($){
     $.fn.extend({
         appendFor: function(options){
         	
          var settings = $.extend({
                        'template':''
                      }, options);
                      
          // Return fuctions
          return this.each(function() {
          $(this).append(settings.template);
          //var inc = settings.inc;
         
          });
                      
          
         }
     });
})(jQuery);



$(document).ready(function(){
	var _incrmnt = 1;
  $('.append').on('click',function(i){
  		$('.container').append('<input name=\"'+_incrmnt+'\"><p>Zuhaib</p>');
      _incrmnt++;
  });
});