Как изменить содержимое div с помощью jquery?

Question

Я делаю div, значение которого меняется с изображением, по которому щелкают с помощью jquery, но я не могу найти способ сделать это.

<img src="{%static "/images/icons/share.png" %}" style="float: right;" value="{{c.id}}" class="ShareButtonser"/>

$('.ShareButtonser').click(
function Sharer(){
  console.log("This function is accessed");
  idm=$(this).attr('value');
  console.log(idm);
});
<div id="share-buttons"> <!-- Facebook --> 
  <a href="https://www.facebook.com/sharer.php?u={{domain}}" class="ShareLink" target="_blank">
    <img src="{%static "images/icons/facebook.png" %}" alt="Facebook" /> 
    <p>Facebook</p>
  </a> 
 <!-- Twitter --> 
 <a href="https://twitter.com/share?url=http://127.0.0.1:8000/Channels/&text=Simple Share Buttons" target="_blank" class="ShareLink">
   <img src="{%static "images/icons/twitter.png" %}" alt="Twitter" /> 
   <p>Twitter</p>
 </a>
 <!-- Reddit -->
<a href="http://reddit.com/submit?url=https://frinmash.blogspot.com&title=Simple Share Buttons" target="_blank" class="ShareLink">
  <img src="https://4.bp.blogspot.com/-1-mZEa1eiyc/UwNI4JytiFI/AAAAAAAAGSs/AoKmBkkJR-s/s1600/reddit.png" alt="Reddit" />  <p>Reddit</p>
  </a> </div>

Я ожидаю, что он изменит свои ссылки в зависимости от значения изображения. Но я не могу понять, как я могу это сделать?