Jquery Select button(s) inside div
<p>I would like to select a specific group of buttons that exist inside a DIV and assign their ID to a hidden field on the page but I cant for the life of me select the buttons inside the div.. Example fails below</p>

<p>SOURCE HTML</p>

<pre><code>    &lt;div id = test&gt;
    &lt;div class="ButtonGroupWrapper"&gt;                    
                    &lt;img src="test.jpg" width="100" height="100" alt="thumbnail" /&gt;
                &lt;input id="buttonID5" type="submit" value="Link" class="button" /&gt;
    &lt;/div&gt;
    &lt;div class="ButtonGroupWrapper"&gt;                    
                    &lt;img src="test.jpg" width="100" height="100" alt="thumbnail" /&gt;
                &lt;input id="buttonID6" type="submit" value="Link" class="button" /&gt;
    &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>Jquery selector fails</p>

<pre><code>    $(".ButtonGroupWrapper").find(":button").click(function () {
        alert("hi there");
        return false;
    });

    $("#ButtonGroupWrapper input[type=button]").click(function () {
        alert("hi there");
        return false;
    });

    $("#ButtonGroupWrapper :button").click(function () {
        alert("hi there");
       return false;
    });
</code></pre>
