title: Trigger Google Web Translate Element
body: <p>Since the google translation api is shutting down, I am trying to get the google translate web element to work across the entire session for a user, so that they do not have to change the select box option to their language on each different page.</p>
  
  <p>The initial load function is given as follows: </p>
  
  <pre><code>function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'en'}, "google_translate_element");
   };
  </code></pre>
  
  
  
  <p>Where google_translate_element is the div into which to put the select box. When the select box is in there it always has the class "goog-te-combo". I can change the value of the box using jQuery with no issue, eg. $('.goog-te-combo').val('fr') will change the box to French. 
  But when I try to trigger the translation using $('.goog-te-combo').trigger() using all sorts  event types (change, click, mouseup, mousedown, etc) the translation never fires. </p>
  
  <p>Does anyone know of a way to trigger the translation?</p>