title: Detect click on an image
body: <p>I am trying to load images dynamiaclly and displaying them as shown below</p>
  
  <pre><code>     var uploader = $('#&lt;%=uploader.ClientId%&gt;').plupload('getUploader');
                uploader.bind('FileUploaded', function (up, file, res) {
                $('#&lt;%=thumbs.ClientId%&gt;').append("&lt;div id=" + file.id + "&gt;
                &lt;a href='Uploads/" + document.getElementById("&lt;%=currentDirectory.ClientId%&gt;").value + "/" + file.name + "'/&gt;
                &lt;img src='Uploads/" + document.getElementById("&lt;%=currentDirectory.ClientId%&gt;").value + "/" + file.name + "' width='70' height='55' data-full='Uploads/" + document.getElementById("&lt;%=currentDirectory.ClientId%&gt;").value + "/" + file.name + "'/&gt;&lt;/div&gt;");
      });
  </code></pre>
  
  <p>This is my markup:</p>
  
  <pre><code>  &lt;div id="thumbs" class="imgContain" runat="server"&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>If I do this way on the div it gives me an alert but not on the image but on the div:</p>
  
  <pre><code>  $('.imgContain').click(function () {
      alert('You Clicked Me');
    });
  </code></pre>
  
  <p>And I have tried using this way but it dosent give me any alert not even on the div also.</p>
  
  <pre><code> $('.imgContain a').click(function () {
          alert('You Clicked Me');
   });
  </code></pre>
  
  <p>So how do I do this?</p>