Unable To Make Modal Box Appear Using Jquery

Using JQuery I'm trying to get a modal box to open after a click is made on an image. I can make the box open using a hard link, but not when the user clicks the image. I've tried

Solution 1:

Sure. Here you got a working demo. I noticed you do some additional stuff like SaveMyBadge(); so updated the fiddle.

<a href="#modal-show" title="Clicking this link shows the modal">
    <img class="images BadgeImgOutline responsive-image" src="http://kudosoo.com/GBadges/badge9.jpg" alt="badge-image" />
</a>


$(document).on('click', '.click-badge', function () {
    //do other stuff if you need to

    SaveMyBadge();
    return false;
});