javascript

how can i dynamically add and remove two different table rows ?

1)first of all my first row should be fixed ,from where i have to add two table rows that have different model attribute name

ex: <tr><td>label</td><td>name</td><td>label</td><td>country</td><td>label</td><td>state</td> -fixed

 when on click + below rows shoud be dynamically add /remove one by one 





&lt;tr&gt;&lt;td&gt;label1&lt;/td&gt;&lt;td&gt;name1&lt;/td&gt;&lt;td&gt;label1&lt;/td&gt;&lt;td&gt;country1&lt;/td&gt;&lt;td&gt;label1&lt;/td&gt;&lt;td&gt;state1&lt;/td&gt;





&lt;tr&gt;&lt;td&gt;label2&lt;/td&gt;&lt;td&gt;name2&lt;/td&gt;&lt;td&gt;label2&lt;/td&gt;&lt;td&gt;country2&lt;/td&gt;&lt;td&gt;label2&lt;/td&gt;&lt;td&gt;state2&lt;/td&gt;