JS not acting on .load()-ed html
<p>I have a puzzling conundrum:</p>

<p>I have this JS:
<em>EDIT updated JS</em></p>

<pre><code> $(".img-thumb").on("click", function(){ // exhibiting the same behaviour as .click()
    thumbID = $(this).attr("id");
    console.log(thumbID);
    $(".gal-act").removeClass("gal-act");
    $(this).addClass("gal-act"); // as suggested below
});
</code></pre>

<p>Which is meant to act on a piece of html inserted into a page using the .load() jquery function. The puzzle is that it works on the html when it's displayed as its original file (as here: <a href="http://keithneilson.co.uk/experimental/products/Data/prod-data.html" rel="nofollow">http://keithneilson.co.uk/experimental/products/Data/prod-data.html</a>, and yes I know there are images missing, no-one is meant to see this page on its own though). As you can see from that link the code is just meant to change the left border of the thumbnail to indicate which is selected for the moment, I'm going to add in the other functionality once I've got this puzzle solved.</p>

<p>Here is the same html inserted as a popup in the final page (click the red box beneath the slideshow): <a href="http://keithneilson.co.uk/experimental/products/" rel="nofollow">http://keithneilson.co.uk/experimental/products/</a>. As you can see the images now work, but if you click the thumbnails again you'll see that the script is not acting (There's no log output either).</p>

<p>Now, it's the same html, and the same javascript, but it isn't working. My question is why, and is there a known workaround?</p>
