JQuery добавленное входное значение не определено

Я добавляю поле ввода с помощью jQuery append и пытаюсь получить его значение при отправке формы. См. Рабочую версию в JSFiddle. Когда я нажимаю кнопку отправки, я становлюсь неопределенным. Ценю вашу помощь. Благодарю!

http://jsfiddle.net/XRUX8/

$('[name=addAgent]').bind('click', function() {

    var agentName = $("#Test1").val(); 
    var testAgentIDVal = "A12345";



            if($('#container').find('[name=removeAgent]').length < 2) {

                var len = $('#container').find('[name=removeAgent]').length;
                //alert(len);
                var index = len+1;

                $('#container').append('<label>'+agentName+'</label><input type="hidden" id ="AgentID"'+ index +'  name ="AgentID"'+ index +'  type="text" value="'+testAgentIDVal+'" ><button type ="button" name="removeAgent" id="removeAgent"  >Remove Agent</button>');


            }
        })

$('[name=tab1Submit]').click(function(){

alert($("#AgentID1").val() +", "+ $("#AgentID2").val());

})