Создание кнопки в кнопке триггера iframe на родительском элементе

Question

Я пытался погуглить, как сделать кнопку триггера iframe на родительском элементе, но не могу заставить его работать.

Это кнопка в iframe под названием «bttnsubmit», которую я хочу запускать на родительской кнопке под названием «bestilling». Я пробовал это:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
    parent.$(parent.document).trigger('bestilling');  
});
</script>

<iframe height="100%" width="100%" padding="0px" src="https://booking.privatedriverapp.com/booking-form?lang=no" style="border:none;"></iframe>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
    $(document).on('bttnsubmit', function() {               
        alert('event was fired');
    });
}); 
</script>

Любая помощь приветствуется