Using Jquery to get a specific element out of many repeated classes on the page
<p>I have this bit of code that repeates.</p>

<pre><code>&lt;div class='commentfloatleft'&gt;
                &lt;button type='button' class='button2' onclick='upvote($id8)'&gt;
                    &lt;img src='images/likebutton.png'    class='upvoteimage' width='12' height='12' alt='PearlSquirrel'/&gt;
                &lt;/button&gt;
                &lt;button type='button' class='button2' onclick='downvote($id8)'&gt;
                    &lt;img src='images/unlikebutton.png' width='12' height='12' alt='PearlSquirrel'/&gt;
                &lt;/button&gt;
            &lt;/div&gt;
</code></pre>

<p>When I click on the onclick code for upvote is this:</p>

<pre><code>function upvote(box){
$(this).siblings('.upvoteimage').load('upvote.php?box=' + box);
}
</code></pre>

<p>I have tried everything to get this to work.  The get function is working, but I can not see any changes in ".upvoteimage".  Does anyone know how to fix this problem.  Help would be greatly appreciated.  Thanks.</p>
