title: Dynamically Inserted DOM Elements are not Clickable using $.click()
body: <p>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).</p>
  
  <p>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 &lt;ul&gt; tag using jQuery) are not clickable using:</p>
  
  <pre><code>$('li.tag').click(function(){ /* Do stuff here */ });
  </code></pre>
  
  <p>it won't even fire off an alert.</p>
  
  <p>Does anyone have any ideas how i can work around this problem?</p>