Selector stops working while running script.

[I use userscripts]

I have a script that used to work...

Selecting a detail record under

https://www.kroger.com/mypurchases

(also works on https://www.dillons.com/mypurchases )

There is a field that says something like "In-store March 26"

The selector for that field is

$( "h2.kds-Heading.kds-Heading--m.my-0" ).outerText

I can use this in the Watch Expressions or the console command line in the Firefox debugger.

But as soon as I run the script, with a break point set on

var tripDate = $( "h2.kds-Heading.kds-Heading--m.my-0" ).outerText

Not only does tripDate come up "undefined" the watch list also shows that selector as undefined.

The field is still present on screen.  I don't understand why the selector stops seeing that DOM element.

I'm fairly proficient with JavaScript, but this has me stumped.

I'm using jQuery v3.5.1 that is bundled with the script.

I am attempting to update the script, the previous selector, before they changed the site was

var tripDate = $( "span:contains('Order date:')" ).find( 'br' ).get(0).nextSibling.nextSibling.nodeValue