dropdownCssClass for 'notranslate' not working on dropdown (google translate)

hi,
while working with google translator,i need to add “notranslate” class to the container and the dropdown.so that the content should not be translated in any language on change of the language change.

<asp:DropDownList ID="ddlOwner_Workgroup_Id" runat="server" CssClass="select2WithSearch">
                    <asp:ListItem>SELECT</asp:ListItem>
                    <asp:ListItem>hello</asp:ListItem>
                    <asp:ListItem>hi</asp:ListItem>
        </asp:DropDownList>
    <script type="text/javascript">
          $(document).ready( function () { 
                          $('.select2WithSearch').select2({ 
                             containerCssClass: "notranslate", 
                            dropdownCssClass: "notranslate"
                                  }); 
                               });
        </script>

after doing this,the class notranslate has been added to both the container and the dropdown(select2-drop),but on the language change the dropdown options select2-drop has been still getting translated.

is there any thing i am missing here?