Ok, I have a page where the data is loaded dynamically from a dropdown using a jquery/ajax load function. This allows a partial view to load dynamically displaying a grid with all the data once the dropdown selection is altered. 

The problem with this is that when the page loads the first time, so data is loaded, which signifies that no id selection is being sent to the jquery load function. I attempted to remedy this by adding a load function for the dropdownlist itself, so when it is loaded, it will reload the data view, but to no avail. I figure it is because the control loads before data is loaded in it. But I am at a loss to what to do. Here is the code I have so far.

```
<script>
$(document).ready(function () {
     $.ajax({
            type: 'GET',
            url: '@Url.Action("SessionsPartial", "Sessions")',
            data: 'id=' + $("#ScheduleTypeId").value,
            success: function (data) {
                $('#SessionData').fadeOut().html(data).fadeIn();
            }
        });
     $(function () {
    $("#ScheduleTypeId").change(function () {
        $.ajax({
            type: 'GET',
            url: '@Url.Action("SessionsPartial", "Sessions")',
            data: 'id=' + this.value,
            success: function (data) {
                $('#SessionData').fadeOut().html(data).fadeIn();
            }
        });
    });
          });

    $(function() {
        $("#ScheduleTypeId").load(function() {
            $.ajax({
                    type: 'GET',
                    url: '@Url.Action("SessionsPartial", "Sessions")',
                    data: 'id=' + this.value,
                    success: function(data) {
                        $('#SessionData').fadeOut().html(data).fadeIn();
                    }
                });
        });
    });
 });

```

As I said, the last part with the load part is what I just added, so feel free to critique.