I have an Infragistics 12.1 jQuery DatePicker on my page and I'm trying to read the value (client-side) of the DatePicker, when another control's event is fired.

I've tried the following methods in an attempt to retrieve the DatePicker's value but each one seems to return an instance of the DatePicker itself:

alert($("#txtDate").igDatePicker("text"));
alert($("#txtDate").igDatePicker("value"));
alert($("#txtDate").igDatePicker("getSelection"));
alert($("#txtDate").igDatePicker("getSelectedText"));

Each one returns an Object which appears to be an instance of the DatePicker itself because if I enumerate through the properties of the returned object, I can see internal methods such as init(), trigger(), toggle(), die() igDatePicker(), etc.

My MasterPage should be fine because I've also got a igCombo on the same page and am having no issues accessing its value. Here is what I have in my MasterPage:

<script type="text/javascript" src="/Scripts/Infragistics/jQuery/infragistics.loader.js"></script>
    <script type="text/javascript" src="/Scripts/jquery-ui.js"></script>
    <%= Html.Infragistics()
        .Loader()
        .ScriptPath("/Scripts/Infragistics/jQuery/")
        .CssPath("/Styles/Infragistics/jQuery/")
        .Render()
    %>

Can anyone help??

Thank you in advance