$(document).ready(function(){
        $("button").click( function() {
            $("#form_gen").append('<p><table class="bar form_evalution"><tr><td>Field</td><td><input type="text" class="form-control" name="input_label"  placeholder="Input Label"></td><td><select name="input_type" class="form-control"><option value="text">Text</option><option value="radio">Radio Button</option><option value="checkbox">Check Box</option><option value="password">Password</option><option value="textarea">Textarea</option><option value="submit">Submit</option></select></td><td><input type="text" class="form-control" name="input_name"  placeholder="Text input"></td><td><input type="text" class="form-control" name="input_tbl"  placeholder="Input Database Column"></td><td><a href="#">Remove</a></td></tr></table></p>');
        });
      $("a").click(function(){
        $("p").remove();
      });
    });

Ask yourself, why should it work? How many <a> elements are there when $("a").click(...) is executed?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.