$(document).ready(function() {
			$('#del_tree').attr('disabled',true);
            $('#add_tree').click(function() {
                var num     = $('.clonedInput').length; // how many "duplicatable" input fields we currently have
                var newNum  = new Number(num + 1);      // the numeric ID of the new input field being added
				
				//create new row in table
				var newRow = $('<tr />').attr('id', 'input' + newNum).attr('class', 'clonedInput');
				newRow.html('<td>' + '<input type="radio" name="family' + newNum + '" id="family' + newNum + '" class="required" value="tree" onClick="familyType(\'tree\',' + newNum +')" /> Tree<br/><input type="radio" name="family' + newNum + '" id="family' + newNum + '" class="required" value="shrub" onClick="familyType(\'shrub\',' + newNum +')" /> Shrub'
							+ '</td><td>'
							+ '<select name="tree' + newNum + '" id="tree' + newNum + '" class="required" style="width: 300px;">'
							+ '<option value="">Please Select</option>'
							+ '</select></td><td>'
							+ '<input  type="text" name="qty' + newNum + '" id="qty' + newNum +'" class="required" value="" size="7" maxlength="12">'
							+ '</td><td>');		
							
				//Append the new row to the body of the #entriesTable table
				$('#entriesTable').append(newRow);							
 
                // enable the "remove" button
                $('#del_tree').attr('disabled',false);
 
                // business rule: you can only add 12 seperate tree/shrub types
                if (newNum == 12)
                    $('#add_tree').attr('disabled',true);
            });
 
            $('#del_tree').click(function() {
                var num = $('.clonedInput').length; // how many "duplicatable" input fields we currently have
                $('#input' + num).remove();     // remove the last element
 
                // enable the "add" button
                $('#add_tree').attr('disabled',false);
 
                // if only one element remains, disable the "remove" button
                if (num-1 == 1)
                    $('#del_tree').attr('disabled',true);
            });
 
			
			$('#submitForm').click(function(){
			
				jQuery.validator.addMethod("phoneNumber", function() {				
					phone_number = $("#phone1").val() + $("#phone2").val() + $("#phone3").val(); 
					return phone_number.length > 9 &&
						phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
				}, "Please specify a valid phone number");
			
				// a new class rule to group all three methods
				$.validator.addClassRules({
					validPhone: {required:true, phoneNumber:true}
				});	

				// overwrite default messages
				$.extend($.validator.messages, {
					required: "These fields are required",
					date: "Please enter a valid phone number"
				});				
			
				$("#treeForm").validate({
					groups: { 
						phoneNumber: "citizen_phone1 citizen_phone2 citizen_phone3"						
					},
					rules: {
						citizen_postal: {
							required: true,
							minlength: 6
						},
						errorPlacement: function(error) {
							$("#treeForm").find(".errorContainer").append(error);
						}						
					}
				});
			});
			
        });