Tablesorter: Can Not Click Pulldown In Header

In the head I have a static pulldown than when changed reloads the page with the data in the column selected in the pulldown. If I turn on tablesorter, clicking sorts the table but

Solution 1:

Use the following code... bind to "mouseup" and prevent propagation to stop the click from sorting the column (demo):

$('select').on('mouseup', function (e) {
    e.stopPropagation();
    // do something
});

Solution 2:

This seems to work:

$("select").on("mousedown click", function (e) {
    e.stopPropagation();
});