After grid rebind function called filter is not working in telerik grid in mvc4

See more:

MVC3

MVC4

hi,
in my view i have dropdownlist and telerik grid, based on dropdownlist selected value data is bind to the grid, if dropdownlist selected value changes iam using grid rebind function to display data in grid using javascript, grid displays data fine , but filter is not working after grid rebind function,if i click the filter data not displaying.
plz help me to find the solution iam struggling from last 3 days to find this out.

here is my view code

  @{

            Html.Telerik().Grid<TicketOven.Model.EventTicketsModel>()
            .Name("GridName")
            .OrderBy(sortOrder => sortOrder.Add(c => c.SNO).Ascending()))
             .DataKeys(datakeys => datakeys.Add(item => item.SNO))

            .Columns(column =>
            {

                column.Bound(item => item.CategoryName).Title("Category");
                column.Bound(item => item.TicketPrice).Title("Price").Filterable(true);
                column.Bound(item => item.IsTicketValidated).Title("ValidatedStatus")
                   .ClientTemplate("<#= IsTicketValidated? 'Yes' : 'No' #>");


            })
            .NoRecordsTemplate("No records available")
            .DataBinding(binding => binding.Ajax().Select("EventGridACtion", "Home"))
            .Filterable()
            .Filterable(filtering => filtering.Enabled(true))
            .Render();
        }


here is my javascript function on dropdown change event:

     <script type="text/javascript">
         $("#dropdownid ").change(function () {
          var selectedvalue= $("#dropdownid option:selected").val();
            var grid = $("#GridName").data("tGrid");
            grid.rebind({ selectedvalue: selectedvalue});
           });
        </script>