How to call a function after change()
<p>The reason why I need to achieve what I'm asking here are a little convoluted because I'm working off of a CMS that already has some jQuery stuff going on. But basically, I need to call 2 functions when user either clicks on links or select from a drop down (they both do the same thing), let's call them foo() and bar().</p>

<p>I can get it to work when user clicks:</p>

<pre><code>$('.links').on("click", "a", function() {
    $(".dropdown select").change();
    bar();
    return false;
});

$(".dropdown select").change(function() {
    $("select option:selected").each(function () {
        foo();
    });
});
</code></pre>

<p>The problem is that bar() needs to be called after the change() event. I can't call bar() inside the change() event. When user clicks, no problem. But I can't figure out how to call bar() directly from change() but when everything in change() is done.</p>

<p>Is there a way to add some kind of callback on change()? I tried a few different syntaxes, but couldn't figure it out…</p>

<p>Thanks!</p>
