Click event not responding

Click event not responding

Good morning all;
 
I am experiencing an issue with a button and the JQuery click event handler.  The handler is not firing.
 
This is the button.

  1. < input type ="button" id ="ChangeSubCLIN" value ="OK"/>

Here was the handler as originally configured.
  1. $("#ChangeSubCLIN").click(function (e) {
            debugger
            var CtrSubLineNumber = $.trim($("#tdEditSubLineNum").text()) + $.trim($('#PRSubLineNumberCharPart').val());
            var CtrSLQty = $("input[id*='CtrSubLine_SubCLINQty']").val();
            var oldCtrSubClinNumb = $("#hdnPreviousSubClinNumb").val();
            var rbSelector = "#rbRenumberSubClins";
            var reNumber = ""
            if ($(rbSelector).is(":checked")) {
                reNumber = "reNumber";
            } else {
                reNumber = "noReNumber"
            }
            //var lineID = e.target.id.toString().substr(11);
            //var retval = GetNSNs(dodic, dodicOrPn, e.target.id.toString().substr(11));
            UpdateSubClinNumber(CtrSubLineNumber, CtrSLQty, oldCtrSubClinNumb, reNumber);
  2.         //alert(e.target.id.toString() + " was target id");
            //debugger
            //$("#output").html("<b>Your favorite mobile brand: </b>" + brand);
            var sDialog1 = "#ChangeSubClinDialog";
            HideDialog(sDialog1);
            e.preventDefault();
        });
 
When that function was never called I changed it to look like this:

  1. $(document).on( "click" , "#ChangeSubCLIN" , function (e) {

    debugger

    var CtrSubLineNumber = $.trim($( "#tdEditSubLineNum" ).text()) + $.trim($( '#PRSubLineNumberCharPart' ).val());

    var CtrSLQty = $( "input[id*='CtrSubLine_SubCLINQty']" ).val();

    var oldCtrSubClinNumb = $( "#hdnPreviousSubClinNumb" ).val();

    var rbSelector = "#rbRenumberSubClins" ;

    var reNumber = ""

    if ($(rbSelector).is( ":checked" )) {

    reNumber = "reNumber" ;

    } else {

    reNumber = "noReNumber"

    }

    //var lineID = e.target.id.toString().substr(11);

    //var retval = GetNSNs(dodic, dodicOrPn, e.target.id.toString().substr(11));

    UpdateSubClinNumber(CtrSubLineNumber, CtrSLQty, oldCtrSubClinNumb, reNumber);

    //alert(e.target.id.toString() + " was target id");

    //debugger

    //$("#output").html("<b>Your favorite mobile brand: </b>" + brand);

    var sDialog1 = "#ChangeSubClinDialog" ;

    HideDialog(sDialog1);

    e.preventDefault();

    });

 
But that was never called either.
 
I don't understand why this one click event handler is not working when almost identical events on different pages work just fine.  Is there something, I am overlooking?