title: image onclick event not working
body: <p>im tryin to make a onclick event for my image, but its not workin..the alert is not showing up..</p>
  
  <pre><code>$(document).ready(function(){
      $('img.closeAttrIcon').click(function(){
          alert("ww");
      });
  });
  </code></pre>
  
  <p>even if i try like this with ..bind.. no hope...</p>
  
  <pre><code>$(document).ready(function(){
      $('img.closeAttrIcon').bind('click',function(){
          alert("ww");
      });
  });
  </code></pre>
  
  <p>the html will be created during this event:</p>
  
  <pre><code>$('a#btnAddStdntAttr').click(function(){
      var newAttr = '&lt;div class="attrParent"&gt;&lt;br class="clear"&gt;&lt;label&gt;&lt;/label&gt;&lt;input type="text" id="stdntAttributeKey1" maxlength="250" style="width: 13%;" name="stdntAttributeKey1"/&gt;';
      newAttr+= '&lt;input type="text" id="stdntAttributeValue1" maxlength="250" style="width: 13%;" name="stdntAttributeValue1"/&gt;';
      newAttr+= '&lt;img src="&lt;c:url value="/static/images/closeIcon.png"/&gt;" onclick="removeStdntAttr();" class="closeAttrIcon" alt="Close" title="Close" /&gt;&lt;/div&gt;';
      $(this).after(newAttr);
  });
  </code></pre>
  
  <p>what am i doing wrong here..please help..</p>