title: how to remove a html tag from the parent in jquery
body: <pre><code>&lt;td&gt;
      &lt;input type='checkbox' value='-1' name='xxx' checked&gt;XXX
      &lt;input type='hidden' value='-1' name='xxx'&gt;
  &lt;/td&gt;
  &lt;td&gt;
      &lt;input type='checkbox' value='-1' name='xyy' checked&gt;Xyy
      &lt;input type='hidden' value='-1' name='xyy'&gt;
  &lt;/td&gt;
  &lt;td&gt;
      &lt;input type='checkbox' value='-1' name='yyy' checked&gt;yyy
      &lt;input type='hidden' value='-1' name='yyy'&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>In the above code I set a hidden value with same name as on submition of form neither 0 nor 1 is being submitted. Now I got a problem that when I click the checkbox I want to remove the <code>input:hidden</code> node and remain will same. But using <code>$("input:hidden").remove()</code> its removing the total hidden values present in the document.</p>