how to make the new add button running
<p>guys im trying to make a dynamic design for adding students in a class with a button add on the 10th row ![enter image description here][1]</p>

<p><a href="http://www.facebook.com/photo.php?fbid=4099710263250&amp;set=a.1210298669766.32621.1597725369&amp;type=3&amp;theater" rel="nofollow">http://www.facebook.com/photo.php?fbid=4099710263250&amp;set=a.1210298669766.32621.1597725369&amp;type=3&amp;theater</a></p>

<p>i can append a new row with a button on it but when i click the new button the click function did not respond and i still need to click the add button on the 10th row to add new one. </p>

<p>here is the code.</p>

<pre><code>         &lt;table&gt;
            &lt;th colspan="4"&gt;&lt;h2&gt;Boys&lt;/h2&gt;&lt;/th&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname1" class="input"&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname1" class="input"&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname1" class="input"&gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname2" class="input"&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname2" class="input"&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname2" class="input" &gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname3" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname3" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname3" class="input" &gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname4" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname4" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname4" class="input" &gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname5" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname5" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname5" class="input" &gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname6" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname6" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname6" class="input" &gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname7" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname7" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname7" class="input" &gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname8" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname8" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname8" class="input" &gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname9" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname9" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname9" class="input" &gt;
              &lt;/td&gt;  
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;label&gt;Name:&lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_lname10" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_mname10" class="input" &gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type="text" name="bstudnt_fname10" class="input" &gt;

                &lt;input type="button" id="" name="add_bstudent" class="button add-        bstudent" value="+"&gt;
              &lt;/td&gt;  
            &lt;/tr&gt;              
          &lt;/table&gt;
</code></pre>

<p>JS....</p>

<pre><code>$('.add-bstudent').click(function () {
    $(this).parent().parent().after("&lt;tr&gt;&lt;td&gt;&lt;label&gt;Name:&lt;/label&gt;&lt;/td&gt;&lt;td&gt;  &lt;input type='text' name='bstudnt_lname10' class='input' placeholder='Last Name'&gt;&lt;/td&gt;&lt;td&gt;&lt;input type='text' name='bstudnt_mname10' class='input' placeholder='Middle Name'&gt;&lt;/td&gt;&lt;td&gt;&lt;input type='text' name='bstudnt_fname10' class='input' placeholder='First Name'&gt; &lt;input type='button' id='' name='add_bstudent' class='button add-bstudent' value='+'&gt;&lt;/td&gt;&lt;/tr&gt;");
});
</code></pre>
