Jquery: Only First Of Two .click() Events Runs When Doing It Using .click, .trigger()

I think I've seen a lot of similar questions to mine, but I have found no answer so far. I adapted some dependent drop downs found on the web, which work perfectly when clicked by

Solution 1:

Updated Answer:

I think you need to update the jQuery events to on.

Update code like:

$('#princ2').click(function() {

To:

$('#princ2').on('click', function() {

Also the example at http://eduardoarria.comze.com/ shows the error dropDownHtml is not defined there is a problem with the following line of code:

$("select[name='" + nextDropDown + "']").html(dropDownHtml);

Your attempting to use dropDownHtml which has not been declared or assigned. Remove the lines of code that attempt to set the HTML to dropDownHtml.