jquery datepicker in asp.net

Question

whats wrong with the below code, its throwing me an error of Compiler Error Message: CS1002: ; expected

    $(document).ready(function() {

      $('<%=StartDate.UniqueID%>').datepicker({ showOn: 'button',
          buttonImage: '../images/Calendar.png',
          buttonImageOnly: true, onSelect:
                function() { },
          onClose: function() { $(this).focus(); }
      }); 
    });

<label for="sd">StartDate:</label>
    <asp:TextBox ID="StartDate" runat="server"></asp:TextBox>

error

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>). 

Answer 1

Maybe this:

<div runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%=StartDate.ClientID%>').datepicker({ showOn: 'button',
                    buttonImage: '../images/Calendar.png',
                    buttonImageOnly: true, onSelect: function () { },
                    onClose: function () { $(this).focus(); }
            });
        });
    </script>
</div>

Answer 2

the reason i was getting the error:

"Microsoft JScript runtime error: Object doesn't support this property or method"

because of i was havign conflict .js reference and there were two different set of .js was on the page

hope this helps other.