My selectbox is getting 'Incorrect value' after I edit the val using Javascript.

            <label for="v1primary">Primary Operator</label>
            <select id="v1primary" name="v1primary" class="primarydriver" eform="Primary Operator::0">
		<option value="Operator 1" selected="selected">Operator 1</option>
		<option value="Operator 2">Operator 2</option>
            </select>

            <label for="v1primary">Primary Operator</label>
            <select id="v1primary" name="v1primary" class="primarydriver">
		<option value="Person One " selected="selected">Person One </option>
		<option value="Person Two ">Person Two </option>
            </select>
        

		/* Populate primary driver dropdown. */
		var primary_ddl = $(".primarydriver");
		
		function copyDriver(dnum) {
			primary_ddl.each(function(){					  
									  switch (dnum) {
									  		case 1:
												var n1 = "";
												d1.each(function(){ n1 += $(this).val() + " "});
												$(this).children().eq(0).val($.trim(n1)).text($.trim(n1));
										  		break;
												
											case 2:
												var n2 = "";
												d2.each(function(){ n2 += $(this).val() + " "});
												$(this).children().eq(1).val($.trim(n2)).text($.trim(n2));
										  		break;

									  }
									  });
		}
		var copyDrivers = function(){ copyDriver(1); copyDriver(2); }