title: Modifying element from google.translate.TranslateElement results
body: <p>I'm attempting to embed the very convenient Google Translate translate element into a webpage, which is super simple and works great, but I need to change the default text that displays in the resulting HTML:</p>
  
  <p><img src="https://i.stack.imgur.com/JPEWU.png" alt="enter image description here"></p>
  
  <p>Having worked with a number of Google APIsand js libraries, I figured this would be no problem as it would almost certainly be configurable, but having looked around for some time I can't find any reference to a property that let's you set this, and documentation in general seems to be pitiful. The basic code is:</p>
  
  <pre><code>&lt;div id="google_translate_element"&gt;&lt;/div&gt;
  &lt;script&gt;
     function googleTranslateElementInit() {
        var translator = new google.translate.TranslateElement({
        pageLanguage: 'en',
        autoDisplay: false,
        multilanguagePage: false,
        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
     }, 'google_translate_element');
  }
  &lt;/script&gt;
  &lt;script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Having dispaired of being able to set this as a property in the when I create the <code>translator</code>, I decided to hack it and use an <code>onDOMNodeInserted</code> listener to just change the resulting HTML once it had loaded into <code>&lt;div id="google_translate_element"&gt;&lt;/div&gt;</code>. I'm using jQuery here, so my code is:</p>
  
  <pre><code>$(document).ready(function(){
     $('#google_translate_element').bind('DOMNodeInserted', function(event) {
         $('.goog-te-menu-value span:first').html('Translate');
     });
  })
  </code></pre>
  
  <p>And here's where things get interesting. Chrome loads everything perfectly and does the innerHTML substitution beautifully. Internet Explorer (8) ignores the DOMNodeInserted listener altogether and the page loads as if the jQuery function was never called. Firefox (10) appears to load fine (but with no translate element at all) and then freezes, begins gobbling up memory, and crashes. </p>
  
  <p>Any thoughts on how I can get this innerHTML substitution to work? If you're aware of a <code>displayLabel : "Translate"</code>-like property that is of course preferred, but barring that (and a really ugly <code>setTimeout</code> hack) is there any way I can get this to work?</p>