title: Add Delete link / button to delete input field contents?
body: <p>I am using an input form with multiple input fields. </p>
  
  <p>These input fields can be pre-populated so I want to give the user an easy option of deleting then with a 'delete' link or button beside the field which deletes the full contents of that input field. </p>
  
  <p>Pressing the delete button will also give them a text confirmation that it has been deleted.</p>
  
  <p>I have attached a jpeg of what I am trying to do</p>
  
  <p><img src="https://i.stack.imgur.com/vl7B1.png" alt="enter image description here"></p>
  
  <p>I am using wordpress and gravity forms as my form builder. I am thinking maybe there is a jquery solution to do this but not sure how? </p>
  
  <p>My code for one of my input fields is as follows, the inout fields on my form are all the same code but different id's of course so I did not want to paste everything here just 1 as an exmpale.</p>
  
  <pre><code>&lt;li id="field_15_144" class="gfield"&gt;
    &lt;label class="gfield_label" for="input_15_144"&gt;List&lt;/label&gt;
      &lt;div class="ginput_container"&gt;
      &lt;input id="input_15_144" class="medium" type="text" tabindex="40" value="" name="input_144"&gt;
      &lt;/div&gt;
    // this would be the link to delete the contents of input field "input_15_144
    &lt;a href="" class="deleteURL"&gt;Delete&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Thanks for any help!</p>