Not able to see ToolTip for a dropdown in Internet Explorer 10

See more:

ASP.NET

Javascript

Hi Guys,

I need a small help. I have a asp.net page which has a dropdown with some values for example : 'This is the value which is displayed as a tooltip on mousehover'. and I am using the below given javascript for dropdown to show the tooltip :

JAVASCRIPT

function ShowDropDownTooltip() {
    $('select[ShowTooltip = "True"]').change(function () {
        $(this).attr("title", $('option:selected', $(this)).text());
    });

    $('select[ShowTooltip = "True"] > option').each(function () {
        this.title = this.text;
    });

and using ShowToopTip Property to set it true when mousehover is done on the dropdown.

<asp:DropDownList class="formDropdown" ID="ddlNCRDepartment" runat="server" TabIndex="1" ShowTooltip = "True">
                                 </asp:DropDownList>

But while I m hovering the mouse I m not able to see the tooltip in IE 10.

PLease let me know the possible reason I tried googling but didn't get any precise answer for this issue.

Thanks in Advance

Dhawal