Finding a tag way up the hierarchy using jQuery
<p>Given the following html:</p>

<pre class="lang-html prettyprint-override"><code>&lt;dt&gt;&lt;span class="q-num"&gt;1&lt;/span&gt;. What is one plus one?&lt;/dt&gt;

&lt;dd&gt;&lt;input type="radio" value="a" name="1" required /&gt; 4&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="b" name="1" required /&gt; 7&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="c" name="1" required /&gt; 2&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="d" name="1" required /&gt; 8&lt;/dd&gt;

&lt;dt&gt;&lt;span class="q-num"&gt;2&lt;/span&gt;. What is two plus two?&lt;/dt&gt;

&lt;dd&gt;&lt;input type="radio" value="a" name="2" required /&gt; 4&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="b" name="2" required /&gt; 7&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="c" name="2" required /&gt; 2&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="d" name="2" required /&gt; 8&lt;/dd&gt;

&lt;dt&gt;&lt;span class="q-num"&gt;3&lt;/span&gt;. What is three plus three?&lt;/dt&gt;

&lt;dd&gt;&lt;input type="radio" value="a" name="3" required /&gt; 4&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="b" name="3" required /&gt; 7&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="c" name="3" required /&gt; 2&lt;/dd&gt;
&lt;dd&gt;&lt;input type="radio" value="d" name="3" required /&gt; 6&lt;/dd&gt;
</code></pre>

<p>I want to <code>alert()</code> the value of the nearest previous <code>span[class='q-num']</code> when any <code>input[type='radio']</code> is clicked. I've tried <code>closest()</code> but all I get is a blank alert..</p>
