title: jQuery/Javascript - detect changes in select option when val is change in browsers console
body: <p>I have a code that triggers when the select option is changed, however when the value is changed in browsers console it will not detect the change event.</p>
  <pre><code>$(&quot;#additional_myfield3&quot;).on('change', function(){
  // recalculation of shipping cost
  });
  </code></pre>
  <p>UPDATE
  This is in WooCommerce, changes in select option will update the shipping cost. By default shipping is $0, but when changed it will recalculate and will range from $5-$10.</p>
  <ul>
  <li>Changing value in console</li>
  </ul>
  <pre><code>jQuery('select#additional_myfield3').val('Location 1');
  </code></pre>
  <p>The problem is when option is changed via console, it will not update the shipping cost. In backend the TEAM is changed to &quot;Location 1&quot; but the shipping cost is still 0, when it should be $5.</p>