How do I concatenate two textboxes in JQuery?

Question

I am adding rows to my table and the address will be a concatenation of Street, City, State, and Zip. Right now I have this.

    $tr.find('.name').text($('#txtPropName').val());
    $tr.find('.address').text($('#txtPropAddress', ", ", '#txtPropCity', " ", '#txtPropState', " ", '#txtPropZip').val());
    $tr.find('.phone').text($('#txtPropHPhone' + "<br/>" + '#txtPropWPhone').val());   

No luck on either phone or address. Any ideas?

Answer 1

Does it work if you get the val()s seperately?

$tr.find('.phone').text($('#txtPropHPhone').val() + "<br/>" + $('#txtPropWPhone').val());

Answer 2

The code

$('#txtPropHPhone' + "<br/>" + '#txtPropWPhone')

is basically telling jQuery to look for an element named '#txtPropHPhone<br/>#txtPropWPhone'.

You'll need to break out the individual elements into separate jQuery requests.

$('#txtPropHPhone').val() + '<br/>' + $(txtPropWPhone').val();