title: Reseting textbox values after successful ajax response
body: <p>I am now trying to reset the values of textbox after the ajax request was succcessfully completed.
  I tried something like this</p>
  
  <pre><code>$('#text1').val("");
  $('#text2').prop('value','');
  </code></pre>
  
  <p>But woludn't works.
  These all are works in console..</p>
  
  <pre><code> &lt;script type="text/javascript" src="/Includes/jquery.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
      $(function(){
          $('#btn').click(function(){             
              jQuery.ajax({
                  url:"validation.cfc",
                  data:{method:'db_validation',fname:$('#text1').val(),Email:$('#text2').val()},
                  type:"POST",
                  success:function(html){
                      //what code should be written to clear textbox values after successful ajax response
                      //$('#text1').val("");   ---&gt; This code was not working
                      $('#para').html(html);//even this code was executed.
                  }
              });             
          });     
      }); 
   &lt;/script&gt; 
   &lt;form&gt;     
   &lt;p id="para"&gt;&lt;/p&gt;  
   &lt;input id="text1" name="txtBox1" type="text"&gt;&lt;br /&gt;    
   &lt;input id="text2" name="txtBox2" type="text"&gt;&lt;br /&gt;    
   &lt;input type='button' name='Button' value='Add User' id="btn"/&gt; 
   &lt;/form&gt;
  </code></pre>