javascript - Chosen deselect on single selects and custom js

Question

I got two selectlists. The second one displays child items of the first one. If i change the first selectlist i need to reset the second one, which works fine:

$("#main_selectlist").chosen().change(function()    {       
    $("#sub_selectlist").val('').trigger("liszt:updated");
});

Problem: The deselection button (X symbol which allready worked) on the first selectlist dissapears when i use the above js. How can i use the js above and the deselction feature together?