Finding the ancestor's id of a child
<p>I am having a Html like ..</p>

<pre><code>    &lt;div id="Field1"&gt;
        &lt;label id="label1"&gt;Name&lt;/label&gt;&lt;br/&gt;
        &lt;input type="text" data-attr="text" style="width: 200px;" id="input1"/&gt;
        &lt;br/&gt;
        &lt;label id="instr1"/&gt;

        &lt;div class="xfb-row-options1&gt;
          &lt;a class=button-delete src="&gt;- 
          &lt;a title="Add" class="button-add"&gt; +&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>on clicking on the button delete1  i want to delete the full Div Field1. I want to get to the know the Id of the Parent's parent of button-delete1 that is Field1 . how to get so??</p>

<p>i.e on click of button-delete </p>

<pre><code>$(".button-delete1").click(function(){
  // (*)
});
</code></pre>

<p>(*) Here I want to find the id of Field1 that is the parent holding the class button-   delete so that I can use its id value that is Field1 mainly that 1 and i can delete that DIV fully.</p>

<p>Please suggest me.</p>
