Audio plays only the first time the callback is called

When I call the html.Audio via a callback trigger, it plays for the first time. If I repeat the same trigger on the same page, it doesn't work, any idea?
The trigger event is button click (id=submit_query).

def play_audio_alert():
	return html.Audio(autoPlay=True, src= '/assets/query_sound.wav')


@app.callback(      [
    			        Output(component_id='sound_notification', component_property='children'),
				],
				[
				Input('submit_query',  'n_clicks')
				],
def user_query(button_n_click):
     if button_n_click!= None and button_n_click >0 :
                       return play_audio_alert()

app.layout = html.Div([ dcc.Location(id='url', refresh=False),
						html.Div(id='page-content'),
						html.Div(id='sound_notification')
					])

Start by reproducing the callback triggered by the submit_query button, which returns html.Audio into sound_notification, and compare the first and repeated clicks. Done means the audio plays on every trigger on the same page; the payload names no source file or test to run.