Как сделать ресет формы?

Question

[Blender0]

Как сделать ресет формы после нажатия на кнопку "отправить"? (Ресет в коде работает, но только на локалке. Когда кидаю проект на хостинг, ресет формы не работает.)

$(".btn-res").click(function() {
    $("#contact-form")[0].reset();
    });
        
    $('#contact-form').submit(function(e) {

      e.preventDefault();

      var c_name = $('#c_name').val();
      var c_email = $('#c_email').val();
      var c_message = $('#c_message ').val();
      var response = $('#contact-form .ajax-response');
      
      var formData = {
        'name'       : c_name,
        'email'      : c_email,
        'message'    : c_message
      };

      if (( c_name== '' || c_email == '' || c_message == '') || (!isValidEmailAddress(c_email) )) {
        response.fadeIn(500);
        response.html('<i class="fa fa-warning"></i> Пожалуйста попробуйте ещё раз.');
      }

      else {
           $.ajax({
              type        : 'POST', // define the type of HTTP verb we want to use (POST for our form)
              url         : 'assets/php/contact.php', // the url where we want to POST
              data        : formData, // our data object
              dataType    : 'json', // what type of data do we expect back from the server
              encode      : true,
              success    : function(res){
                      var ret = $.parseJSON(JSON.stringify(res));
                      response.html(ret.message).fadeIn(500);
              }
            });
        }           
              return false;
      });

<form id="contact-form" role="form">
            <div class="ajax-hidden">
              <div class="form-group wow fadeInUp">
                <label class="sr-only" for="c_name">Name</label>
                <input type="text" id="c_name" class="form-control" name="c_name" placeholder="Имя">
              </div>

              <div class="form-group wow fadeInUp" data-wow-delay=".1s">
                <label class="sr-only" for="c_email">Email</label>
                <input type="email" id="c_email" class="form-control" name="c_email" placeholder="E-mail">
              </div>

              <div class="form-group wow fadeInUp" data-wow-delay=".2s">
                <textarea class="form-control" id="c_message" name="c_message" rows="7" placeholder="Текст"></textarea>
              </div>

              <button type="submit" class="btn btn-lg btn-block wow fadeInUp btn-res" data-wow-delay=".3s">Отправить письмо</button>
            </div>
            <div class="ajax-response"></div>
          </form>

Answer 1

[Lord_Dantes]

В аяксе есть состояния. Так вот при success делайте обнуление всех форм, вот вам и ресет на жейквери