title: I would like to remove form entry with something like this. Is there other nicer way to do it?
body: <p>I have some code and it is working but, i am looking for a nicer and cleaner way to do this.
  I like to remove entered text from my form inputs.</p>
  
  <p>I have done the same thing for each entry of my forms, can anyone help me find a better way to tho this?</p>
  
  <p>Thanks.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// clear text user email
      if($('.user_email').val() === '') {
          $("#clear_user_email").hide();
      }
      $("#clear_user_email .clear_text").click(function(e) {
          e.preventDefault();
          $('.user_email').val('');
          
          if($("#clear_user_email").is(":visible")) {
              $("#clear_user_email").hide();
          }
      });
      $( ".user_email" ).keyup(function(){ 
          $("#clear_user_email").show();
      });
      
      </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="user_email_P" class="form-group has-feedback"&gt;
    &lt;div class="input-group"&gt;
      &lt;span class="input-group-addon"&gt;
        &lt;i class="glyphicon glyphicon-envelope red"&gt;&lt;/i&gt;
      &lt;/span&gt;
      &lt;input name="user_email" type="email" class="form-control user_email" placeholder="email@address.com"&gt;
    &lt;/div&gt;
    &lt;div class="remove_button"&gt;
      &lt;div id="clear_user_email"&gt;
        &lt;a href="#" class="clear_text"&gt;
          &lt;span class="glyphicon glyphicon-remove form-control-feedback" style="top: 1px;"&gt;&lt;/span&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I could do as Wolff suggested with:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="reset" value="Reset"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>but I have to many form inputs on my form.
  the form submit with ajax </p>