Question

Please see demo here: http://jsfiddle.net/9pR87/28/

1. Add Input – adds new row with new input
2. Get Value – is getting value of last added input

I am creating some extra rows (invoice element), but when I want to use get the value in dynamically created input, but the input value is always undefined. Why?

Why jQuery can not find value of dynamically created input?

Answer 1

I think this is enough for what you want:

$('#GetValue').click(function() {
    var i = $('table tbody tr').length-1; // subtract 1 for correct indexing
    alert($('#ItemPrice-' + i).val());
    // OR
    alert( $('[id^=ItemPrice]:last').val() );
});

Demo

According to comment with jsfiddle

The problem is:

tableRow += '<td><input type="text" name="ItemPrice[]" id="ItemPrice-' + i + ' " 
                                                                              ^--- an space
placeholder="Item Price"></td>';

tableRow += '<td><input type="text" name="NumberOfItems[]" id="NumberOfItems-' + i + ' " 
                                                                                      ^-- an space
placeholder="Number Of Items"></td>';

Here is update and working code