traverse dom to find $(.more) of div that contains class .disable
<p>I have this dom tree: </p>

<pre><code>&lt;li class="badge_listtwo"&gt;
    &lt;div class="badge_spacetwo"&gt;
        &lt;p class="badge_title"&gt;$badge_title&lt;/p&gt;
        &lt;div class="badge_button"&gt;
            &lt;img src="badgeImages/sample.png" /&gt;
            &lt;a href="#" id="$badge_id" class="more"&gt;More&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="badge_button"&gt;
        &lt;a href="#" class="disable"&gt;Disable&lt;/a&gt;
    &lt;/div&gt;
&lt;/li&gt;
</code></pre>

<p>I was wondering how, using jquery, I can get the "id" of .more based on finding which <code>&lt;li&gt;</code> contains the .disable class (how would I traverse it efficiently is what Im asking because I'm trying to store this id in var badge_id)</p>
