title: Jquery Select button(s) inside div
body: <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>