title: HTML reset button in combination with text field values set with jQuery
body: <p>I have this form in HTML:</p>
  
  <pre><code>&lt;form action="#" method="post"&gt;
      &lt;label for="label-id"&gt;id&lt;/label&gt;
      &lt;input type="text" name="id" id="label-id" /&gt;
      &lt;label for="label-name"&gt;Name&lt;/label&gt;
      &lt;input type="text" name="name" id="label-name" /&gt;
      &lt;label for="label-description"&gt;Description&lt;/label&gt;
      &lt;input type="text" name="description" id="label-description" /&gt;
      &lt;input type="reset" value="Cancel" /&gt;
      &lt;input type="submit" value="Update" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>There are no values in it, because I set the values with jQuery (AJAX call to a backend system) in this way:</p>
  
  <pre><code>$('#label-id').val(data.id);
  $('#label-name').val(data.name);
  $('#label-description').val(data.description);
  </code></pre>
  
  <p>So, if I press the input type="reset" button, all values are empty. But I want, that pressing on the button the values which I set with the three lines above in jQuery should be there.</p>
  
  <p>For example.
  The AJAX call gives me the data id=12, name="test", description="my desc", the values are set to the text input fields and I see these values. Now someone is changing name="test" to "test123". Pressing on the reset button, the value should be name="test" instead of "test123".</p>
  
  <p>How can I do this?</p>
  
  <p>Thank you in advance &amp; Best Regards.</p>