Add jQuery change event to a <select> object that survives (and doesn't fire) on ajax update
<p>I'm working on a shipping estimation box as part of a checkout page. I want to bind a .change() jQuery event to my select box, which then reloads the form with an ajax request.</p>

<p>Initially I tried:</p>

<pre><code>$('select.shipping-updater').live("change", function() {
        $('#shipping_estimation_button').click();
});
</code></pre>

<p>However this would fire as soon as the select box was reloaded by the ajax call resulting in a page reload</p>

<p>Is there a way to bind the change event when the user clicks the selector? </p>

<p>Edit: this works, but is maybe not very elegant.</p>

<pre><code>$('select.shipping-updater').live("click", function() {
        $('select.shipping-updater').change( function() {
                $('#shipping_estimation_button').click();
        });
});
</code></pre>
