title: How to select this container element in jQuery
body: <p>I having trouble to select the currently clicked container element.</p>
  
  <p>My Html</p>
  
  <pre><code>&lt;div class="cparent"&gt;
  foo1
  &lt;a href="javascript:void(0);" class="delete"&gt;Delete&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class="cparent"&gt;
  foo2
  &lt;a href="javascript:void(0);" class="delete"&gt;Delete&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I mean when I click on delete link, corresponding container should disappear. How can I do this?</p>
  
  <p>What I tried !</p>
  
  <pre><code>$(".cparent",this).html('Deleting...').delay(1000).fadeOut();// not working
  </code></pre>
  
  <p>My script</p>
  
  <pre><code>$(".delete").live("click",function(){
   var cur = $(".delete").index(this);
   $(".cparent").eq(cur).html('Deleting...').delay(1000).fadeOut();
   });
  </code></pre>
  
  <p>Above one is also not working. Have a look at <a href="http://jsfiddle.net/gchoken/YFMZW/1/" rel="nofollow">this Example</a> for clarification.</p>