title: jQuery click function doesn't work after ajax call?
body: <h3>The jQuery click function works fine here</h3>
  
  <pre><code>&lt;div id="LangTable"&gt;&lt;a class="deletelanguage"&gt;delete&lt;/a&gt;&lt;/div&gt;    
  
  $('.deletelanguage').click(function(){
      alert("success");
  });
  </code></pre>
  
  <h3>but if I set some <code>&lt;a&gt;</code> by ajax, <code>$('.deletelanguage').click</code> doesn't work.</h3>
  
  <p>for example</p>
  
  <pre><code>function CreateRow(jdata) { 
      $('#LangTable').append('&lt;a class="deletelanguage"&gt;delete&lt;/a&gt;');
  }
  
  $.ajax({        
      url: "/jobseeker/profile/",
      success: CreateRow
  });
  </code></pre>
  
  <h3>Now the <code>$('.deletelanguage').click</code> for the last <code>&lt;a&gt;</code> is not working.</h3>
  
  <p>jsfiddle example :<a href="http://jsfiddle.net/suhailvs/wjqjq/">http://jsfiddle.net/suhailvs/wjqjq/</a></p>
  
  <p>Note: the CSS works fine here.</p>
  
  <p>I want to make these newly appended <code>&lt;a&gt;</code> working with jQuery click.</p>