Add validation rules using jquery validate plug-in on dynamically generated elements

Question

I am trying to add some validation rules on an input created from html literals.

This is my fiddle: http://jsfiddle.net/idoxobi/HW4xY/1/

Html:

Answer 1

Its because input field name is same for each, and it has been fixed by @YD1m, my method is as below:

$(document).ready(function() {
    $('#form').validate();
    var counter = 0;
    $('#Add').click(function() {
        counter++;
        $('#details').append("" + '
');
    });
});