title: jQuery each field inside parent
body: <p>I'm trying to build a common clear fields button that has the following html structure:</p>
  
  <pre><code>&lt;td colspan="2"&gt;
      &lt;input type="text" name="unpublish_date" id="unpublish_date" class="calendar" /&gt;
      &lt;img class="clear_date" src="ico_delete.gif" title="Reset date field"&gt;&lt;/span&gt;
      &lt;input type="hidden" name="_unpublish_date" id="_unpublish_date" /&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>So I though that the right way to do the function is by working with the inputs, inside the parent of <code>.clear_date</code></p>
  
  <p>What I would like to know is how to select each input after <code>$(this).parent</code></p>
  
  <pre><code>$('.clear_date').click(function(){
      $(this).parent().each() ... ?
  });
  </code></pre>