Retrieving value of a select box populated by an ajax call - php

Question

Here are the two select boxes. I am trying to get the value of C to pass on in a form. Select box C is populated from the ajax call below but I can't seem to get a useable value to pass on to the form. (In its simplest form I am looking for something like var A= 'select box C') then I can send 'A' in the form:
Many thanks in advance people x
<select name="list-select" id="list-select">
<option value="">Please select..</option>
<option value="Chemical">Chemical</option>
<option value="Hardware">Hardware</option>
</select>
<select name="C" id="C"></select>
Here is the jquery bit:
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function ($) {
var list_target_id = 'C'; //first select list ID
var list_select_id = 'list-select'; //second select list ID
var initial_target_html = '<option value="">Please select a colour...</option>'; //Initial prompt for target select
$('#' + list_target_id).html(initial_target_html); //Give the target select the prompt option
$('#' + list_select_id).change(function (e) {
//Grab the chosen value on first select list change
var selectvalue = $(this).val();
//Display 'loading' status in the target select list
$('#' + list_target_id).html('<option value="">Loading...</option>');
if (selectvalue == "") {
//Display initial prompt in target select if blank value selected
$('#' + list_target_id).html(initial_target_html);
} else {
//Make AJAX request, using the selected value as the GET
$.ajax({
url: 'http://www.mypropertyviewing.com/Client_order_form_v1.1/selector.php?svalue=' + selectvalue,
success: function (output) {
$('#' + list_target_id).html(output);
},
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status + " " + thrownError);
}
});
}
});
});
</script>

Answer 1

use
selectvalue=this.value //instead of
selectvalue =$(this).val();