datepicker value on span/div

<script src="Scripts/jquery-1.8.0.min.js" language="javascript" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.23.custom.min.js" language="javascript" type="text/javascript"></script>
    <link href="Style/Jquery-UI/jquery-ui-1.8.23.custom.css" rel="Stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">
       $(document).ready(function () {
           $('.txt-cal-Date').datepicker({
               showOn: "button",
               buttonText: "Select Date",
               buttonImage: "images/bgi/calendar.png",
               buttonImageOnly: true,
               disabled: false,
               onSelect: function (selectedDate) {
                   $('#divid').html(selectedDate);
               }
           });
       });
   </script>

<input type="text" class="txt-cal-Date" />
        <div id="divid"></div>