title: How do I reset without using the reset button?
body: <p><strong>My project:</strong></p>
  
  <p>I'm doing the bookmark section in the Yandex Browser.</p>
  
  <hr>
  
  <p>Image of my project:
  <a href="https://i.stack.imgur.com/j9Yp4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/j9Yp4.png" alt="enter image description here"></a></p>
  
  <hr>
  
  <p>I want to reset the two entered values ​​when I click the button. (I don't want to do that with the reset button. I don't want to use the form label.)</p>
  
  <hr>
  
  <p><strong>My codes:</strong></p>
  
  <pre><code>
      $("#add").click(function(){
          $("#siteName").val(" ");
          $("#siteURL").val(" ");
      });
  </code></pre>
  
  <p>Although he works here, he doesn't work in my project.</p>
  
  <p>Since the codes are too long, I uploaded them here. <a href="https://codepen.io/guldus/pen/MdYvJG?editors=0010" rel="nofollow noreferrer">Click to reach.</a> </p>