title: I'm asking when I reset Jquery form
body: <p>Jquery form.reset when clicking the reset button event,
  The readonly part is also initialized and the value value disappears.
  When data is loaded, the name and memo values ​​are set,
  and the memo values ​​remain the same even when the reset button event occurs.
  How can I keep data when reset event occurs?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// reset button event
  $("#reset").on("click", function(){
     var form = document.getElementById("SettingForm");
     form.reset();
  });
  
  // ajax data load
  success : function(data) {
  
      $("#name").val(data.name);
  
      $("#memo").text(data.memo);
  
  }    
  
  &lt;form id="SettingForm" action="" method="POST"&gt;
  &lt;table cellpadding="0" cellspacing="0" class="panelW"&gt;
  &lt;tr&gt;
       &lt;th class="w35p"&gt;name&lt;/th&gt;
       &lt;td&gt;&lt;input id="name" name="name" type="text" value="" readonly/&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
       &lt;th class="w35p"&gt;&lt;c th:text="#{configure.memo}"&gt;memo&lt;/c&gt;&lt;/th&gt;
       &lt;td&gt;&lt;textarea id="memo" name="memo" value=""  readonly&gt;&lt;/textarea&gt; 
       &lt;/td&gt;
   &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>