عدم اجرای کد جاوا اسکریپت داخل یک view

[m0rteza]

قرار در کد زیر دو تا کمبو باکس با هم در ارتباط باشن . اولی پر می شه . و دومی در رویداد change پر میشه .
در کد زیر فقط کد های جاوا اسکریپت اجرا نمیشه که کمبوی دومی رو پر کنه. نمی دونم مشکل کجاس؟!
ممنون


@model test.ViewModels.AddAddressViewModel

@{
ViewBag.Title = "AddAddress";
}


<h2>AddAddress</h2>
<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>

<br />

شهرستان
@Html.DropDownListFor(x => x.StateNames, Model.StateNames, "--select--", new { @id = "ddlState" })

<br />
بخش
<td id="District">
@Html.DropDownListFor(x => x.DistrictNames, new List<SelectListItem>(), "--Select--", new { @id = "ddlDistrict" })
</td>
@section scripts{

<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
<script>
$(document).ready(function () {
$('#ddlState').change(function () {
$.ajax({
type: "post",
url: "/Home/GetDistrict",
data: { stateId: $('#ddlState').val() },
datatype: "json",
traditional: true,
success: function (data) {
var district = "<select id='ddlDistrict'>";
district = district + '<option value="">--Select--</option>';
for (var i = 0; i < data.length; i++) {
district = district + '<option value=' + data[i].Value + '>' + data[i].Text + '</option>';
}
district = district + '</select>';
$('#District').html(district);
}
});
});
});
</script>
}

[omid nasri]

برای تست خطا جاوااسکریپتی از پلاگین FireBug استفاده کنید. در صورتی که با آن آشنایی ندارید آموزش استفاده رو از لینک زیر دنبال کنید:

http://dotnettips.info/
اگر مقدور هم هستش خطا موجود در پلاگین FireBug رو اینجا قرار دهید.
یک مثال عملی برای پیاده سازی:

http://www.omidnasri.com/asp-net-mvc/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-dropdownlist%D9%87%D8%A7%DB%8C-%D9%85%D8%B1%D8%AA%D8%A8%D8%B7-%D8%AF%D8%B1-asp-net-mvc

[mbasirati]

پیرو صحبتای آقا امید
اگه از کروم استفاده میکنید Ctrl+Shift+J رو بزنید و ببینید خطایی توی کنسول مرورگر نشون داده میشه یا خیر