Получить HTML-тег в JQuery

Question

Я хочу получить тег get целиком (например, вот что я хочу получить:

<img alt="img" class="bigImage frame" src="./image2.jpg" align="top" border="1" data-imageid="156" style="display:none; " imageid="51">

после нажатия кнопки Zoom Image и отдельного imageid (как в этом примере 51)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="search-result">
  <li>
    <i class="fa fa-edit" aria-hidden="true"></i>
    <img alt="img" class="bigImage frame active" src="https://via.placeholder.com/728x90.png?text=image1" align="top" border="1" data-imageid="1" imageid="31">
    <div class="profile-button-div">
      <a class="btn profile-edit-Image" id="profilePic_31">Make Profile Image</a>
      <a class="btn delete-Image" id="delete_31">Delete Image</a>
      <a class="btn zoom-edit-Image" id="zoom_31" onclick="zoomImage()">Zoom Image</a>
    </div>
  </li>
  <li>
    <i class="fa fa-edit" aria-hidden="true"></i>
    <img alt="img" class="bigImage frame" src="https://via.placeholder.com/728x90.png?text=image2" align="top" border="1" data-imageid="156" style="display:none; " imageid="51">
    <div class="profile-button-div">
      <a class="btn profile-edit-Image" id="profilePic_51">Make Profile Image</a>
      <a class="btn delete-Image" id="delete_51">Delete Image</a>
      <a class="btn zoom-edit-Image" id="zoom_51" onclick="zoomImage()">Zoom Image</a>
    </div>
  </li>
</ul>