jquery add new record

gistfile1.js

$(function(){
    var template = $('#riders-div .rider-new:first').clone(),
        ridersCount = 0;

    var addRider = function(){
        ridersCount++;
        var rider = template.clone().removeClass("dontshow").find(':input').each(function(){
            var newId = this.id.replace('-', 's['+ ridersCount + '][') + ']';
            $(this).prev().attr('for', newId); // update label for (assume prev sib is label)
            this.name = this.id = newId; // update id and name (assume the same)
        }).end() // back to .rider
        .appendTo('#rider-exist'); // add to container
        $('#rider-message').html('').removeClass("ui-state-highlight").removeClass("ui-state-error");
    };

    $('#addButton').click(addRider()); // attach event
    
	$("#removeButton").click(function () {
 		$('#riders-div .rider-new:last').remove();
		$('#rider-message').html('').removeClass("ui-state-highlight").removeClass("ui-state-error");
     });
});

I would like to be able to pass in "rider" or something else and have add/remove do the same thing but for other items beside rider like subaccounts

also see http://stackoverflow.com/questions/6684465/how-to-make-this-jquery-more-reusable