JQuery Click event on mobile device

The following JQuery instruction works correctly on desktop but it's not working on mobile devices.

jQuery('.post-below-thumbnails a.post-small-pic').click(function(e) {
    e.preventDefault();
    var url = jQuery(this).data('image-link');
    jQuery('body.single #post-main-thumbnail img').attr("src",url);
});

The Html Code is :

<div class="col-lg-12" id="post-main-thumbnail"> 
  <img src="link to change" class="attachment-full wp-post-image">
</div>

<div class="post-below-thumbnails">
  <a href="#" class="post-small-pic" data-image-link="http:www.thelink.com">     
    <img src="small image link" class="main-thumbnail wp-post-image wp-post-image">
  </a>
</div>

Could you please help

Best regards