.click() not noticing new form elements from .load()

.click() not noticing new form elements from .load()

Situation:

I have a form with checkboxes for all UK Universities, due to the size I have an A-Z control. A's are default, and selecting a letter uses load() to replace the inputs with the new universities starting with that letter. So the form doesn't forget the clicked inputs, changing a letter first writes all the ticked input values to a CSV in a hidden input by the same name.

The Problem:

I have a click() function in the $(document).ready() that will remove a deseleted value from the hidden input. This works correctly on inputs that are written on the original page, but the onlick() will not fire on an input written to the page via the load().

I heard a rumour but can not find anything about forcing a "Refresh of the DOM" after a load();

Here's my code:

$(document).ready(function(){

        /* ####################### Actions to be completed after a change Uni letter sort ######################## */
      
       $("#alphaUni a").click(function() {
      
           // ============= Change all classes back ============= //
            $("#alphaUni a").removeClass("alphaLetterCurrent");
           
            // ============= Change class of selected ============= //
            $(this).addClass("alphaLetterCurrent");
                     
            // ============= Get selected Uni's on this page and add to hidden value ============= //
                var updstr = [];
               
                // Apend all checked values
                $("input[@name='ss_university_select']:checked").each(function(){
                    //alert($(this).val());
                    updstr.push($(this).val());
                });
               
                // Apend existing hidden value
                updstr.push($("input[@type='hidden'][@name='ss_university_select']").val());
               
                //alert(updstr);
               
                //Add to hidden value as CSV
                $("input[@type='hidden'][@name='ss_university_select']").val(updstr.join(","));
           
            //alert('VALUE of Hidden Input here: ' + $("input[@type='hidden'][@name='ss_university_select']").val());
           
            // ============= AJAX get New Uni List, have to pass through hidden value as QString for XSL to
            // ============= make selected if returning to a letter ============= //
            var selectedLetter = $(this).html();
            $("#uniSelects").append('<div class="loadingLine">Loading...</div>');
            $("#uniSelects").load("/?pgid=22&ss_university_select=" + updstr + "&getUniversitySelects=" + selectedLetter);
         });
         
         /* ####################### If deselect Uni, remove from hidden input ######################## */
      
       $("input[@name='ss_university_select']").click(
           function() {
              
                   // Uni Code to remove
                   var uniCode = $(this).val() + ",";
                   var re = new RegExp(uniCode,"gi")
                  
                   // Existing hidden List
                    var hiddenList = $("input[@type='hidden'][@name='ss_university_select']").val();
                   
                    //Remove Unicode form existing Uni List
                    var newHiddenList = hiddenList.replace(re,'');
                    //alert('---orig Hidden List: ' + hiddenList + ' ---Code to Remove: ' + uniCode + ' ---New Hidden List: ' + newHiddenList);
                   
                    // Write new hidden list to hidden input
                   $("input[@type='hidden'][@name='ss_university_select']").val(newHiddenList);
           }
       );
});