title: Advanced jQuery selector that needs a jQuery ninja to answer
body: <p>I am looking for a jQuery guru to help me out on this. I have limited access to the code because it is a WordPress theme. My script has to go in the indicated area and if this can't be done with just jQuery, I would love suggestions that use JavaScript as well. Here is the problem I am trying to solve:</p>
  
  <p>I need to grab the "href" link that is on EACH button of class 'gdlr-button' and wrap the href around the image that is inside EACH div.personnel-author-image</p>
  
  <pre><code>&lt;div class="personnel-item"&gt;
      &lt;div class="personnel-author-image gdlr-skin-border"&gt;
          &lt;img src="/my/image-location.jpg" alt="" width="720" height="480"&gt;
      &lt;/div&gt;
      &lt;div class="personnel-info"&gt;
          &lt;div class="personnel-author gdlr-skin-title"&gt;My Name&lt;/div&gt;
          &lt;div class="personnel-position gdlr-skin-info"&gt;My Position&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="personnel-content gdlr-skin-content"&gt;
          &lt;p&gt;
              &lt;a class="gdlr-button small" id="link-joni" href="/my/unique/link-destination"&gt;Learn More&lt;/a&gt;
              &lt;script&gt;
              // MY SCRIPT GOES HERE
                  .......
              &lt;/script&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  ... And Repeat
  &lt;div class="personnel-item"&gt;
    &lt;div class="personnel-author-image gdlr-skin-border"&gt;
  </code></pre>