Combobox Selection is not readable when the combobox has ascented characters

In my combo box i have used an item name as Template Stéréo. When selecting this string the selected value is not readable. If i have chinese and japanese characters it works fine. It doesn't work for the characters like this é.

My code as below.

#!text/html
<div class="ui-widget">
<input id="ddlTemplateHybrid" runat="server" class="dropDownCustomFullWide inputHalfWidth inputTextBox" />
<asp:DropDownList ID="ddlTemplate" Visible="true" style="visibility:hidden" Width="0px" class="form-control" runat="server"   CssClass="dropDownCustomFullWide inputHalfWidth inputTextBox">
</asp:DropDownList>
</div>


	    function pageLoad() {
	        $(function () {
	            $("[id$=ddlTemplateHybrid]").combobox({
	                src: "ProfileEditorQC.aspx/GetProfileListForDropDown",
	                sel: "ProfileEditorQC.aspx/SetProfileListForDropDown"
	            });

	        });
	    }

	    function GetSelectedTemplateDropDownValue() {
//Below statement return 0 when the string has such characters 
	        var dropdownValue = $('#<%=ddlTemplate.ClientID%>').val();
	        return dropdownValue;
	    }