Quería validar un formulario dinámico, pero no funciona. Además, si pongo la instrucción ($('#por favor').perejil();) fuera de la función de atenuación, funciona. ¿Por qué?

Aquí está mi código

Muchas gracias

 $(".blob").fadeOut(1000, function() { $(".blob").empty(); $(".blob").append(` </br> <div class="regisform col-md-6 offset-md-3"> <form id="please" action="includes/backend.php" method="POST"> <div class="form-row"> <div class="form-group col-md-6"> <label for="fname">Name</label> <input type="text" class="form-control" name="firstname" id="fname" placeholder="Max" required="true" data-parsley-pattern="^[a-zA-Z]+$" data-parsley-trigger="change"/> </div> <div class="form-group col-md-6"> <label for="lname">Last name</label> <input type="text" class="form-control" id="lname" name="lastname" placeholder="your name" data-parsley-required="true" data-parsley-pattern="^[a-zA-Z]+$" data-parsley-trigger="change"/> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="email">Email</label> <input type="email" class="form-control" aria-describedby="emailHelp" placeholder="name@mail.com" id="emailfield" name="email" data-parsley-trigger="change" data-parsley-type-message="please email" required=""/> </div> <div class="form-group col-md-6"> <label for="passwort">password</label> <input type="password" class="form-control" id="passwordfield" name="password" placeholder="password" data-parsley-trigger="input" required="true"> </div> <button type="submit" class="js-go btn btn-primary" name="registration">registration</button> </form> </div> `).fadeIn('slow'); $('#please').parsley(); show_savedatafromregisterform(); });