WooCommerce - Triggering variation select with custom select boxes
<p>I'm trying to use FancySelect.js to style the select boxes used on WooCommerce and have managed a few but I'm struggling with the Variation form on product pages.</p>

<p>While FancySelect triggers a change event on the original select box, it appears to affect nothing. Looking at the javascript used in the variations form, it looks like they've unbinded the change event on the select box and are handling it some other way, by triggering events on the <code>.variations_form</code> instead. I can't seem to get it to work though.</p>

<p>My code is something along the lines of:</p>

<pre><code>        $('.summary select').fancySelect().on('change.fs', function() {
            $(this).trigger('change.$');
            $('.variations_form').trigger('woocommerce_variation_select_change');
        });
</code></pre>

<p>I've tried triggering multiple events but none seem to have any affect.</p>

<p>Any ideas?
Thanks.</p>