Получение значений .append из DOM

Question

В приведенной ниже функции я нахожу максимальное количество идентификаторов, а затем добавляю 1. Все работает, за исключением того, что новые значения, добавляемые в DOM, не видны, поэтому они не являются увеличивается при вызове функции второй раз.

Я не добавляю новые значения в DOM правильно?

function addEdu(){ 
    var currentCount = $('input.uniqueId').val(); 
    currentCount = Math.max(currentCount); 
    var nextCount = parseInt(currentCount) + 1; 
    var newEdu = "<input type='hidden' name='fieldId[]' value='" + nextCount + "' class='uniqueId' /><p class='dual'><input type='text' name='educationTitle[]' "; //Shortened for clarity 
    $("#eduHistory").append(newEdu); 
    $(".datepicker").datepicker(); 
} 

Answer 1

Способ, которым вы пытаетесь определить следующий .uniqueId, неверен.
Прежде всего, $("input.uniqueId").val() даст вам значение первого элемента в выборе.
Вторая проблема заключается в Math.max(currentCount), которая всегда будет возвращать значение currentCount, которое, как уже упоминалось, является значением первого элемента.

Это должно работать как задумано:

// get an array with all uniqueIds 
var currentIds = $("input.uniqueId").map(function() { 
    return parseInt($(this).val(), 10); 
}); 

// determine the biggest uniqueId 
var currentCount = Math.max.apply(Math, currentIds); 

// next uniqueId (if there is no "input.uniqueId" then currentCount will be -Infinity) 
var nextCount = (currentCount === -Infinity ? 0 : currentCount) + 1; 

// ... 

Answer 2

$('input.uniqueId').val() даст вам значение первого входа с классом uniqueId. Если вы только ожидаете, что один такой вход просто изменит значение ввода. В противном случае вам, вероятно, придется выбрать последний вход $('input.uniqueId:last').val().

Также Math.max принимает 2 параметра, какова их цель?