onclick handler doesnt work after jquery AJAX html injection

I am injecting some HTML with ajax into my page but the onclick handler on a part of that injected HTML doesn't seem to work...

basically this image...

< img class="close_row" src="img/close.gif"/>

my jquery goes like...

$开发者_JS百科('.close_row').click(function() {
    // some code to close the row
});

the original function to open the row and inject the html works fine, am i overlooking something here?

Use .delegate() instead.

delegate() was introduced to overcome live()'s shortcomings and live() would have been completely removed if it wasn't for the fact that it would have broken a lot of code.

Differences between live() and delegate(): http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-the-difference-between-live-and-delegate/

API: http://api.jquery.com/delegate/

You'd have to use .live:

$('.close_row').live('click', function() { // some code to close the row });

.click binds the event to all current elements, whereas .live will automatically bind the event to newly created elements.