title: jquery event from a dynamically loaded element to its parent
body: <p>I add dynamically the below HTML with the <code>.load()</code> function:</p>
  
  <pre><code>&lt;div class="todelete"&gt;&lt;a href="#" class="delete"&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Then I wish to do something like this:</p>
  
  <pre><code>$("a.delete").live('click', function() {
      $("a.delete").parent("div").remove();
  });
  </code></pre>
  
  <p>but nothing; it seems that it doesn't know who "this" is referring to.</p>
  
  <p>How can I fix this? </p>
  
  <p>Thank you so much in advance.</p>
  
  <p>Any help will be apreciated.</p>