title: Jquery append() doesn't work on new <a>Add</a>
body: <p>Append() working fine but it is working only on the first <code>&lt;a class="add"&gt;Add&lt;/a&gt;</code>. not able to add new input field with the latest <code>&lt;a class="add"&gt;Add&lt;/a&gt;</code></p>
  
  <p>Here is my code </p>
  
  <pre><code>$(document).ready(function(){
      var scntDiv = $('#add_words');
      $('.add').click(function() { 
          $("#add_words").append('&lt;div class="line"&gt;Word is &lt;input type="text" /&gt;&lt;a class="add"&gt;Add&lt;/a&gt;&lt;/div&gt;');
          return false;
      });
  });
  </code></pre>
  
  <p>html code </p>
  
  <pre><code>&lt;div id="add_words"&gt;
      &lt;div class="line"&gt;Word is 1&lt;input class="input1" type="text" value="1" /&gt;&lt;a class="add"&gt;Add&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>