in jQuery how to access an id that is loaded via Ajax after the initial DOM

in jQuery how to access an id that is loaded via Ajax after the initial DOM

I am loading a modal in a page that the user can then interact with.
var global_id=$(this).data('global-id');
var other_global_id=$(this).data('other-global-id');
var comment=$('#pairing-comment').val(); // <- this is not working!!!
but I'm not sure how to access this properly. I've tried scoping it but
maybe this can't be done although I think it can me. Here it is console: