validate dynamically added input types in a row of table
<p>I am trying to validate the dynamically added input type field which are in a row of a table on button click event. The very first input type field has an ID so I am able to put a validation on it. But when I add more rows in the table dynamically , I don't know how to validate those input types of rows. </p>

<p>HTML :</p>

<pre><code>&lt;table class="table table-bordered table-hover" id="tab_logic"&gt;
                &lt;thead&gt;
                    &lt;tr&gt;

                        &lt;th class="text-center"&gt;Channel Group Name
                        &lt;/th&gt;
                        &lt;th class="text-center"&gt;Description
                        &lt;/th&gt;

                    &lt;/tr&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;
                    &lt;tr id='addr0'&gt;

                        &lt;td id="CGN"&gt;
                            &lt;input type="text" id="channelgrpName" name='channelgrpName' placeholder='Channel Group Name' class="form-control" /&gt;
                        &lt;/td&gt;
                        &lt;td id="DES"&gt;
                            &lt;input type="text" id="description" name='description' placeholder='Description' class="form-control" /&gt;
                        &lt;/td&gt;

                    &lt;/tr&gt;
                    &lt;tr id='addr1'&gt;&lt;/tr&gt;
                &lt;/tbody&gt;
            &lt;/table&gt;
</code></pre>

<p>Jquery :</p>

<pre><code>$(document).ready(function () {

    var i = 1;
    $("#add_row").click(function () {

        $('#addr' + i).html("&lt;td&gt;&lt;input name='name" + i + "' type='text' placeholder='Channel Group Name' class='form-control' style='width:50%'  /&gt; &lt;/td&gt;&lt;td&gt;&lt;input  name='mail" + i + "' type='text' placeholder='Description'  class='form-control' style='width:50%'&gt;&lt;/td&gt;");

        $('#tab_logic').append('&lt;tr id="addr' + (i + 1) + '"&gt;&lt;/tr&gt;');
        i++;
    });
    $("#delete_row").click(function () {
        if (i &gt; 1) {
            $("#addr" + (i - 1)).html('');
            i--;
        }
    });
});

$('#btnSave').click(function () {

 // what should i to do here to validate dynamically added input types in row

});
</code></pre>

<p>Thanks in advance.</p>