Rajan Singh

HTML

<div class="dd">
        <form action="js-more-fields.php" method="get">
            <div id="fields">

            </div>
            <p class="addRow">Add a Row</p>
            <input type="submit" id="submit" />
        </form>
  </div>

JavaScript

$(document).ready(function () {
var i = 1;
(function () {
    $('.dd').on('click', '.addRow', function () {
        i = i+1;
        var start = $('#fields'),
            newRow = $('<div id='+i+'><input type="text" name="i" class="quantity"/><span class="delete">X</span></div><br/>');
        $(start).append(newRow);
    });
    $('body').on('click', '.delete', function(e) {
    $(this).parent().remove();
   });
    
    
})();
});