title: How to increase box-shadow by clicking on img?
body: <p>I have my code set up so that when the user clicks on the img, the box-shadow will increase. However, my code only increases the box-shadow once, and I don't really understand why. I guess it has something to do with .on(), but I'm not really sure why this happening. If anyone could provide some insight, I would be very appreciative.</p>
  
  <pre><code>  var hshadow=10;
    var vshadow=10;
    function boostShadow() {
        hshadow= hshadow + 5;
        vshadow= vshadow + 5;
        hshadow=hshadow.toString() + "px ";
        vshadow=vshadow.toString() + "px ";
        $("img").css("box-shadow",hshadow + vshadow +"5px #565656");
    }
  
    $("img").on("click",function () {
        boostShadow();
    });
  </code></pre>