Currency Swap in Shop without Submit

Hi,

I am trying to get a currency swap select to work in Shop, without needing a submit button. The form is triggering a refresh when I change select option, but the currency is not changing and debug is showing the old currency as still active. I have this:

TEMPLATE

<perch:form id="currency" method="post" app="perch_shop">
    <div>
        <perch:label for="currency">Currency</perch:label>
        <perch:input type="select" options="<perch:shop id="currency_list" />" id="currency" required="true" class="autosubmit"  />
    </div>
</perch:form>

OUTPUTTED HTML

<form id="form1_currency" action="/" method="post">
    <div>
        <label for="form1_currency">Currency</label>
        <select id="form1_currency" name="currency" class="autosubmit" required="required"><option value="47">GBP</option><option value="44">EUR</option><option value="142">USD</option></select>
    </div>
</form>

JQUERY

$('.autosubmit').on('change', function(){
  console.log('something changed');
    $(this).closest('form').submit();
});

This might be a bit out of scope for support but would be great if you could take a look