title: jquery form validation not working on dynamically added form inputs
body: <p>I am trying to validate a form, part of which contains dynamically added input fields, but the dynamically added fields are not validating for some reason, here is the code I use to append the field to the form,</p>
  
  <p>Javascript:</p>
  
  <pre><code>//instantiate form validation
  $("#form").validationEngine('attach');
  
  $("#add_friend").live('click', function(){
      var count = $(".friend").size();
      if(count == 4){
          alert("only 4 friends allowed");
      }else{
          //append a friend field to the friend container
          $("[data-custom='refer_container']").append("&lt;div class='friend'&gt;"
              +"&lt;label for='friend_"+count+"'&gt;friend: &lt;/label&gt;"
              +"&lt;input type='text' data-custom='name' class='validate[required] text-input' id='friend_name_"+count+"' name='friend_name_"+count+"' /&gt;"
              +"&lt;input type='text' data-custom='email' class='validate[required] text-input' id='friend_email_"+count+"' name='friend_email_"+count+"' /&gt;"
              +"&lt;div class='delete'&gt;&lt;/div&gt;"
          +"&lt;/div&gt;&lt;br /&gt;");
      }
      $("#form").validationEngine('attach');
  });
  </code></pre>
  
  <p>I am using <a href="http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/" rel="nofollow">this</a> plugin to validate the form, thanx in advance!</p>