Dynamically Inserted DOM Elements are not Clickable using $.click()

Question

I'm using jQuery to take the value of a form element and place it inside a list item tag. There is a maximum value of three list items (these are to become tags for an image).

The problem is that i want people to be able to remove any erroneous tags they've entered by clicking on them, but the items (which are dynamically inserted into a <ul> tag using jQuery) are not clickable using:

$('li.tag').click(function(){ /* Do stuff here */ });

it won't even fire off an alert.

Does anyone have any ideas how i can work around this problem?

Answer 1

Use live or liveQuery plugin.

Answer 2

I think you're looking for the live method: http://api.jquery.com/live/

Perhaps you could do something like

$('li.tag').live('click', function() { /* Do stuff here */ });