[HTML][jQuery] dodanie wierszy i przeliczenie Opcje

[lustfingers]

W ramach nauki programowania zacząłem pisać formularz który może pomóc mi wykonywać codzienne obliczenia, znudził mi sie excel a jak to ogarnę to spróbuję jeszcze dopisać zapis i odczyt z bazy danych.

Mam to:
https://jsfiddle.net/mq3da7kb/3/

[HTML] pobierz, plaintext 
Weight: <input type="text" name="weight" id = "weight" value="" /><br/><br/>
 
 
Line: <input type="text" name="percent" id = "percent" value="" />
<input type="text" name="additional" id = "additional" value="" />
Line total: <span class="total"></span>
<br/>+<br/>
<p>Total percent (from #percent): </p>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
$("#additional, #percent, #weight").on('keyup',function(){
        var total= $("#weight").val() * $("#percent").val() / (100 -$("#additional").val()) 
    $(".total").html(total.toFixed(2));
})
 
[HTML] pobierz, plaintext 

Wiersz Line ma sie powielać gdy przyciśniemy na + natomiast Weight ma występować tylko raz ponieważ będzie identyczny dla każdego Line, a Total percent ma zliczać z każdego Line wartości.

Potrzebuje nakierowania jak dodać możliwość powielania wierszy? Za pewne będę musiał przerobić skrypt i dodać jakąś inkrementacje dla każdego id żeby dobrze zliczało każdą linię oddzielnie? Macie może jakieś przykłady takiego formularza albo coś na czym mógłbym się uczyć?

[lustfingers]

Chodzi mi o to że klikając na znak + tworzy się kolejne inputy które są identyczn a różnią się tylko wartością, oraz tym że nigdy nie wiadomo z góry ile ich będzie więc raczej nie będzie to prosty zapis do bazy gdzie z góry mogę sobie zdefiniować jakie to pola.