jquery parent, parents, and closest can't select or step over a section tag
<p>I have a DOM structure below:</p>

<pre><code>&lt;div class='box'&gt;
    &lt;section id="profile"&gt;
        &lt;h1&gt;testuser&lt;/h1&gt;
        &lt;div id="following"&gt;
            &lt;a class="btn unfollow" style="width: 180px;" rel="nofollow" data-remote="true" data-method="delete" href="/users/testuser/unfollow"&gt;Unfollow&lt;/a&gt;
        &lt;/div&gt;
    &lt;/section&gt;
&lt;/div&gt;
</code></pre>

<p>Then I have a trigger on the response to the link and I have a <code>$(this)</code>.  I can confirm that I am at this point in the DOM with some console logging.</p>

<p>Doing a <code>$(this).parent()</code> give me the div with the id #following.</p>

<p>However I can't select the #profile or .box using <code>parents()</code>.  Doing a <code>parent().parent()</code> also gives a nil?</p>

<p>Is there some reason I cannot traverse up the DOM tree over the section tag?</p>
