title: Want to auto refresh my form without page reload
body: <p>I have a <code>Ask Question</code> form by which client can ask any question to us. While client submit the form we will give him a thanks message for 5 seconds then hide the message and show again the <code>Ask Question</code> form in that div. </p>
  
  <p>But while the from comes after successful message, form input values is still there. I want a fresh from without any input value like the form before submitting.</p>
  
  <p><a href="https://i.stack.imgur.com/SyzQ1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SyzQ1.png" alt="Fill the form for asking a question"></a> </p>
  
  <p><a href="https://i.stack.imgur.com/8CUzB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8CUzB.png" alt="Give thanks message after successfully submitted"></a></p>
  
  <p><a href="https://i.stack.imgur.com/0G8Dd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0G8Dd.png" alt="Auto new form comes after shown successful message for 5 seconds. But still the previous input values there "></a></p>
  
  <p><strong>Here is my <code>ajax</code> code</strong></p>
  
  <pre><code>$.ajax({
  
              url:"{{ url('/ask_question_form') }}",
              type: 'GET',
              data: {_token :token, name : name, email : email, contact : contact, question : question},
              success:function(msg){
  
                  // console.log(msg);
  
                  $('.question-modal .textwidget').hide();
  
                  trHTML = "";
                  trHTML += "&lt;div id='user-question' style='margin-top:50%; color:#0071BC'&gt;";
  
                  trHTML += "Thanks for your question. We will save your question for further query and give a feedback as soon as possible.";
  
                  trHTML += "&lt;/div&gt;";
  
                  $('.question-modal').append(trHTML);
  
                  setTimeout(function() {
                      $('.question-modal #user-question').remove();
                      $('.question-modal .textwidget').show();
                  }, 5000);
  
  
              }
          });
  </code></pre>
  
  <p>Where <code>textwidget</code> is the class name of that <code>form</code></p>