Combine change and onload events

Question

I have coded this where I add / delete classes when you select from the form. However if i choose as default select the 2nd select e.g.

Answer 1

You can use triggerHandler() for an initial trigger, just append it to your chain:

$('#destination').change(function() {
   var dest = $('#destination').find(":selected").text();

   if (dest === 'destination1') {
       console.log('here1');
       $('#destin').removeClass("has-warning");
       $('#destin').addClass("has-success");

   } else if (dest === 'destination2') {
       console.log('here2');
       $('#destin').removeClass("has-success");
       $('#destin').addClass("has-warning");
   }
 }).triggerHandler("change");