title: Clear form Text boxes on Button Click
body: <p>I would like to clear all the texts boxes on register button click. Below is my attempt. When I click on the button, the texts still remains. Please advise. Thanks</p>
  
  <pre><code>&lt;form action="#" class="signup" method="post" onsubmit="return signup();"&gt;
      &lt;input type="text" id="signup-email" class="text-input" name="email" title="E-mail" autocomplete="off" tabindex="11" placeholder="E-mail"&gt;
      &lt;input type="password" id="signup-password" class="text-input" name="password" title="Password" autocomplete="off" tabindex="12" placeholder="Password"&gt;
      &lt;input type="password" id="signup-password2" class="text-input" name="password2" title="Confirm password" autocomplete="off" tabindex="13" placeholder="Confirm password"&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td class="align-right"&gt;
                  &lt;button type="submit" class="signup-btn" onclick="this.form.elements['text-input'].value=''"&gt;Register&lt;/button&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>