JQuery Parent().Next Issue
<p>Here is what I have.  I have tried several things but I can't figure out what I am doing wrong...</p>

<pre><code>&lt;div class="VoteControls" runat="server" visible='&lt;%# User.Identity.IsAuthenticated %&gt;'&gt;
    &lt;img style="cursor: pointer; cursor: hand;" src='&lt;%# (bool)Eval("skull") ? "images/skull.png" : "images/skull-bw.png" %&gt;' alt="Vote Down" class="votedown" title='&lt;%# Eval("entry.ID") %&gt;' /&gt;
    &lt;img style="cursor: pointer; cursor: hand;" src='&lt;%# (bool)Eval("heart") ? "images/heart.png" : "images/heart-bw.png" %&gt;' alt="Vote Up" class="voteup" title='&lt;%# Eval("entry.ID") %&gt;' /&gt;
&lt;/div&gt;
</code></pre>

<p>And the JQuery:</p>

<pre><code>      $(document).ready(function() {
            $(".voteup").click(function() {
                var id = $(this).attr("title");
                var userID = $("HiddenFieldUserID").val();
                var skullButton = $(this).parent().closest('.votedown');
                alert(skullButton.attr("src"));
                registerUpVote("up", id, $(this), skullButton, userID);
            });
            $(".votedown").click(function() {
                var id = $(this).attr("title");
                var userID = $("HiddenFieldUserID").val();
                var heartButton = $(this).parent().closest('.voteup');
                alert(heartButton.attr("src"));
                registerDownVote("down", id, heartButton, $(this), userID);
            });
        });
</code></pre>

<p><strong>The goal is when a .voteup img is clicked, to find the corresponding .votedown img in the same VoteControls div.  The div above is part of a DataList, so there will be a bunch of these on a page.</strong></p>

<p>So the part that isn't working is:</p>

<pre><code>var skullButton = $(this).parent().closest('.votedown');
</code></pre>
