title: Input fields are retaining their values after a page refresh, how to prevent that?
body: <pre><code>&lt;table id="post"&gt;
      &lt;tr&gt;
          &lt;td style="font-size: 20px;"&gt;Post Your comment&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Name:&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" id="username" name="username"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;&lt;form id="postform" action="" method="post" name="form"&gt;
          &lt;td&gt;Type your message here:&lt;/td&gt;
          &lt;td&gt;&lt;textarea name="text" id="text" rows="5" cols="40"&gt;&lt;/textarea&gt;&lt;/td&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;input type="hidden" id="pageid" name="pageid" value="20"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;input id="submit" type="submit" value="Post Comment"  name="submit" style="width:auto;"/&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/form&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The page is retaining value in textbox and textarea after refresh.Can anyone suggest me the way to overcome it?</p>