How to find the closest element to the current position with jQuery
<p>I have a document with several sections like this:</p>

<pre><code>&lt;div class='section' id='sec1'&gt;
    lalala
    lalala
    lalala
&lt;/div&gt;

&lt;div class='section' id='sec2'&gt;
    lalala
    lalala
    lalala
&lt;/div&gt;

&lt;div class='section' id='sec3'&gt;
    lalala
    lalala
    lalala
&lt;/div&gt;

&lt;div class='section' id='sec4'&gt;
    lalala
    lalala
    lalala
&lt;/div&gt;
</code></pre>

<p>How do I grab the closest <code>&lt;div.section&gt;</code> to the current scroll position (presumably, this would equate to the section that the reader is currently looking at)?</p>
