Google Translate dynamic text demo

HTML

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Google Translate Test</title>
</head>
<body>
    <div class="destination">
        <p>This is some text already on the page that could be translated by the Google Translate Web Element. <a href="#" class="loadMore">Load More</a></p>
    </div>
    <div id="google_translate_element"></div>
    dsadsa
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element");
        };

        $(function () {
           
            $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit");
        });
        
        alert("test");
        var language = "Arabic";
  var selectField = document.querySelector("#google_translate_element select");
  
  for(var i=0; i < selectField.children.length; i++){
    var option = selectField.children[i];
    // find desired langauge and change the former language of the hidden selection-field 
    if(option.value==language){
    alert(selectField);
       selectField.selectedIndex = i;
       // trigger change event afterwards to make google-lib translate this side
       selectField.dispatchEvent(new Event('change'));
       break;
    }
  }
        
       
    </script>
</body>
</html>