Enable users to add a row of fields to an HTML input form. In this
code, after the HTML loads, addForm() is called. Clicking the Add Line
button calls a function, addLine(), which calls addField() once for each
field in the new input line. The elements, label and input, are
formatted using CSS.
Generate array of objects
Loop through HTML form lines and store the data into an array of objects
Generate a table containing data from array of objects
Local Name
Local DOB
Local Age
Local Zodiac
Prog06
Getters & Setters: they are powerful methods for changing and manipulating DOM elements in Jquery but they might bring hidden errors when used in JavsScript
The .each() method is designed to make DOM looping constructs concise and less error-prone. When called it iterates over the DOM elements that are part of the jQuery object.
Easier to traverse DOM elements in Jquery than JS.
animations: jQuery animate() method is used to create custom animations. but Jquery animation aspects run much slower than Javascript.
the '$'sign in Jquery: under this the jQuery code just calls the plain Javascript variant making it easier.
jQuery Mobile has broad support for the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms.
In addition, feature phones and older browsers than JavaScript