title: Clearing my form inputs after submission
body: <p>I've tried it a few different ways based on searches I've done on the subject and for some reason I can't get it to work. I just want my text inputs and textarea to clear after I hit the submit button.</p>
  
  <p>Here's the code.</p>
  
  <pre><code>&lt;div id="sidebar-info"&gt;
      &lt;form name="contact-form" action="formprocess.php" method="post" target="ninja-frame"&gt;
          &lt;h1&gt;By Phone&lt;/h1&gt;
          &lt;p id="by-phone"&gt;XXX-XXX-XXXX&lt;/p&gt;
          &lt;h1&gt;By Email&lt;/h1&gt;
          &lt;p id="form-row"&gt;Name&lt;/p&gt;
          &lt;input name="name" id="name" type="text" class="user-input" value=""&gt;
          &lt;p id="form-row"&gt;Email&lt;/p&gt;
          &lt;input name="email" id="email" type="text" class="user-input" value=""&gt;
          &lt;p id="form-row"&gt;Message&lt;/p&gt;
          &lt;textarea name="message" id="message" class="user-input" rows="10" maxlength="1500"&gt;&lt;/textarea&gt;
          &lt;p&gt;*Please fill out every field&lt;/p&gt;
          &lt;input type="submit" value="Submit" id="submit" onclick="submitForm()"&gt;
  
          &lt;script&gt;
              function submitForm() {
              document.contact-form.submit();
              document.contact-form.reset();
              }
          &lt;/script&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>