Trigger hx-get from JS

I have a cart-count element that

<span id="cart-count" hx-get="/cart/count"
     hx-trigger="load delay:1s" hx-target="#cart-count" hx-swap="outerHTML">
</span>

will try to hx-get the number of items in cart when the page is loaded.

Now, I have an add-to-cart button that, after its own stuff (e.g. change itself to remove from cart), send

            response['HX-Trigger-After-Swap'] = "cart-updated"

to the frontend.

I have an event listener that works,

document.body.addEventListener("cart-updated",
    function (evt) {
        alert("cart updated")
    })

but how can I trigger hx-get of the #cart-count element in JS?

Actually, it would be very convenient if I can write $cart-count as

hx-trigger="load delay:1s, cart-updated"

so that no JS is needed.

Update: According to https://github.com/bigskysoftware/htmx/issues/187 , hx-trigger="cart-updated" would work if the cart stuff is in the parent chain of add-to-cart element, but unfortunately this is not the case for me so some manual way to trigger hx-get is still needed.

[BoPeng]

Just to confirm that the solution works perfectly.

[BoPeng]

That is cool!

I was thinking along the line of

response['HX-Trigger-Targets'] = '#cart-count`

but this from:body solution is good enough.