MVC: Code does not run in Partial View(ascx)

See more:

Javascript

MVC

Hi,

My code works in my web page(aspx) very good but when I run it in Partial View (ascx) it does not work/run. Can you give me some pointers on how to fix this.

My code is:

<script type="text/javascript">
     $(document).ready(function () {
         alert("dd");
         //Attach cascading behavior to the orderID select element.
         $("#orderID").CascadingDropDown("#customerID", '/Home/AsyncOrders',
            {
                promptText: '-- Pick an Order--',
                onLoading: function () {
                    $(this).css("background-color", "#ff3");
                },
                onLoaded: function () {
                    $(this).animate({ backgroundColor: '#ffffff' }, 300);
                }
            });

         //Attach cascading behavior to the orderDetails select element.
         $("#orderDetails").CascadingDropDown("#orderID", '/Sales/AsyncOrderDetails',
            {
                promptText: '-- Pick an Order Detail --',
                onLoading: function () {
                    $(this).css("background-color", "#ff3");
                },
                onLoaded: function () {
                    $(this).animate({ backgroundColor: '#ffffff' }, 300);

                }
            });

         //When an order detail is selected, fetch the details using ajax
         //and display inside a div tag.
         $('#orderDetails').change(function () {
             if ($(this).val() != '') {
                 $.post('/Sales/OrderDetails', $(this).serialize(), function (data) {
                     $('#orderDetailsContainer').html(data).effect("highlight", {}, 3000);
                 });
             }
         });
     });
    </script>

      <div id="searchFilter">
        Custom text in select lists, lists highlight when loading.<br />
        <%:Html.DropDownList("customerID", Model, "-- Select Customer --")%>
         <%--   <%:Html.DropDownList("cites", ViewData["xml"] as SelectList , "-- Select Customer --")%>--%>
        <select id="orderID" name="orderID">
        </select>
        <select id="orderDetails" name="orderDetails">
        </select>
    </div>
    <div id="orderDetailsContainer">
    </div>