Selecting hidden field value in same div in jQuery
<p>This should be simple, not sure why I'm having issues. </p>

<p>I've tried <code>$this.closest('.image_id').val()</code> but I keep getting <code>undefined</code>.</p>

<p>Here's the jQuery I'm using:</p>

<pre><code>$('#image_container').on('change', '[name="image-type"]', function() {

    $this = $(this);

    console.log($this.closest('.image_id').val());

});
</code></pre>

<p>The HTML:</p>

<pre><code>&lt;div id="image_library"&gt; 
    &lt;div class="row-fluid library-row"&gt;

        &lt;div class="span3 library-file-name"&gt;
          file name
        &lt;/div&gt;

        &lt;div class="span1 library-image-size"&gt;
            file size
        &lt;/div&gt;

        &lt;div class="span4 library-actions"&gt;

            &lt;input type="hidden" class="image_id" name="image_id" value="1303"&gt;

            &lt;select name="image-type"&gt;
                &lt;option value="none"&gt;Not Set&lt;/option&gt;
                &lt;option value="thumbnail"&gt;Thumbnail&lt;/option&gt;
                &lt;option value="feature"&gt;Feature&lt;/option&gt;
                &lt;option value="gallery"&gt;Gallery&lt;/option&gt;
            &lt;/select&gt;

        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
