jQuery get the next sibling hidden value on click
<p>I'm trying to get the hidden field value on click event of a link. Here's where those elements are:</p>

<pre><code>&lt;p&gt;
    &lt;a class="showCommentAttachment cboxElement" href="#"&gt;Attachments&lt;/a&gt;
    &lt;input type="hidden" value="13" id="ctl00_ContentPlaceHolder1_lvComment_ctrl3_hfCommentId" name="ctl00$ContentPlaceHolder1$lvComment$ctrl3$hfCommentId"&gt;
&lt;/p&gt;
</code></pre>

<p>Here the complete mark-up:</p>

<pre><code>&lt;div id="divComment" class="comment-text"&gt;
    &lt;div class="comment-author"&gt;
         David Chart
    &lt;/div&gt;
    &lt;span class="comment-date-time"&gt;Sep 29, 2011 08:12:42 PM&lt;/span&gt;
    &lt;p&gt;
         Some comment text goes here. Some comment text goes here.

    &lt;/p&gt;
    &lt;p&gt;
        &lt;a class="showCommentAttachment cboxElement" href="#"&gt;Attachments&lt;/a&gt;
        &lt;input type="hidden" value="13" id="ctl00_ContentPlaceHolder1_lvComment_ctrl3_hfCommentId" name="ctl00$ContentPlaceHolder1$lvComment$ctrl3$hfCommentId"&gt;
    &lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>Here's the jQuery:  </p>

<pre><code>$("#divComment a.showCommentAttachment").click(function() {

    var nextSibling = $(this).next().find('input:hidden').val();

    $("#showCommentId").html(nextSibling + "&lt;-- Here's the comment ID ");

 });
</code></pre>

<p>what I get back from nextSibling is undefined. I tried with nexAll like this</p>

<blockquote>
  <p>var nextSibling = $(this).nextAll().find('input:hidden').val();</p>
</blockquote>

<p>still got undefined.</p>

<p>Thank you.</p>
