When a form is submitted through submit button click the form data is subsequently cleared or reset . But when we submit a form by AJAX then we have to clear the form data by picking every element and setting the value as blank. If a form contains more than 100 input fields then it is a tedious job to clear or reset the form data.

But jQuery can help you avoid this problem, itoffers many different ways to clear form data more easily. I have written some functions based upon different requirements.
You are free to use any of these.

/**
 * This function clear all input fields value including button, submit, reset, hidden fields
 * */
 
function resetForm(formid) {
 $('#' + formid + ' :input').each(function(){  
   $(this).val('').attr('checked',false).attr('selected',false);
 });
}
 
 
/**
 * This function clears all input fields value except button, submit, reset, hidden fields
 * */
 
function resetForm(formid) {
 $(':input','#'+formid) .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected');
 }
 
/**
 * This function clear all input fields value except button, submit, reset, hidden fields in different way
 * */
 
function resetForm(formid)
    { 
            
            form = $('#'+formid);
            element = ['input','select','textarea'];
            for(i=0; i<element.length; i++) 
            {
                    $.each( form.find(element[i]), function(){      
                            switch($(this).attr('type')) {
                                    case 'text':
                                    case 'select-one':
                                    case 'textarea':
                                    case 'hidden':
                                    case 'file':
                                            $(this).val('');
                                            break;
                                    case 'checkbox':
                                    case 'radio':
                                            $(this).attr('checked',false);
                                            break;
                                    case 'select':
                                           $(this).attr('selected',false);
                                    break;
                            }
                    });
            }
    
    }