title: JQuery - Remove dynamic contents on page load?
body: <p>How to remove dynamically generated text on page load event with jQuery?<br>
  I tried google but nothing found useful. Actually i am using a third party JS library which inserts some text on html page which i need to remove.</p>
  
  <p>I tried this code but it removes the constant text which is already in html page not dynamic text.</p>
  
  <pre><code>$('div:contains("Powered by")').remove();
  </code></pre>
  
  <p><strong>Edit:</strong></p>
  
  <p>Here is the full code. </p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;script src="js/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div id="translate"&gt;
      &lt;div id="google_translate_element"&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;
      function googleTranslateElementInit() {
       new google.translate.TranslateElement({pageLanguage: 'en',includedLanguages: 'en,es,fr,it'}, 'google_translate_element');
   }
     &lt;/script&gt;&lt;script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"&gt;&lt;/script&gt;
    &lt;/div&gt;
     &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p><strong>Note:</strong> Google translator adds select box which i need but adds some text 'Powered by' below it which i want to remove. Although, it is possible to hide the text with css but i want to remove it with jQuery.</p>