jquery Change() fires correctly

the change function fires correctly

by Christian Kruse

HTML

<INPUT type="checkbox" id="checkboxNationalShippingService" name="checkboxNationalShippingService" value="yes" checked="checked" />
<select id="shippingServiceSel" name="shippingService">
  <option selected value='DE_Pickup'>Ware muss abgeholt werden</option>
  <option selected value='DHL_Paket'>Paket</option>
</select>
<div id="shippingLocalPickup" class="selElement" title="Diese Option sollte bei ja belassen werden">
  <p>Artikel kann abgeholt werden?
    <select name="shippingLocalPickup">
      <option selected value="DE_Pickup">ja</option>
      <option value="false">nein</option>
    </select>
  </p>
</div>

JavaScript

$(document).ready(function() {
    $("#shippingServiceSel")
      .change(function() {
        var shippingLocalPickup = $("#shippingLocalPickup");
        var shippingService = $("#shippingServiceSel").val();
        if (shippingService == "DE_Pickup") {

          shippingLocalPickup.empty().append('<p>Artikel kann abgeholt werden? <select name="shippingLocalPickup"><option value="false">nein</option><option value="true">ja</option></select></p>');

        } else {
          shippingLocalPickup.empty().append('<p>Artikel kann abgeholt werden? <select name="shippingLocalPickup"><option value="true">ja</option><option value="false">nein</option></select></p>');
        }
      })
  });