how to get the DIV ID from given HTML in JQuery
<p>I have below HTML format:</p>

<pre><code>&lt;ul class="whatlike-list"&gt;
    &lt;li class="first"&gt;
        &lt;a href="/SessionHandler.aspx" class="button-flight-search"&gt;Search for Flights&lt;/a&gt;
        &lt;div class="open-block-holder"&gt;
            &lt;div id="slideFlightSearch" class="open-block" style="display: block; left: 650px;"&gt;

            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Now I am looking to get DIV ID="<strong>slideFlightSearch</strong>" on the click of link <strong>"Search for Flights"</strong>, I have got the class "button-flight-search" in my $this object. Something like below in my JQuery.</p>

<pre><code>$(link).click(function()
{
    alert($(this).attr("class"));
})
</code></pre>

<p>In the above alert I am getting the class "button-flight-search", however I need the inner DIV ID slideFlightSearch</p>

<p>Please suggest using JQuery.</p>
