jsgrid: dyanamically data is fetched through Js-grid,but filtering is not working?

MY Jsp code for js Grid

$(function() {

			$.ajax({
				type : "GET",
				url : "/Final/Reports?value=2016-03-03&value2=2017-03-03"
			}).done(function() {

				$("#jsGrid").jsGrid({
					height : "auto",
					width : "100%",			
					filtering: true,
				       sorting : true,
					paging : true,
					autoload : true,
					pageSize : 3,
					controller : {
						loadData : function(filter) {
							return $.ajax({
								type : "GET",
								url : "/Final/Reports?value=2016-03-03&value2=2017-03-03",
								data : filter
							});
						},
					},
					fields : [ {
						name : "patientId",
						type : "text",
						width : 150
					}, {
						name : "patientName",
						type : "text",
						width : 150
					}, {
						name : "genderId",
						type : "number",
						width : 150
					}, {
						name : "mobile",
						type : "number",
						width : 150
					}, {
						type : "control"
					} ]
				});

			});
		});

can any help us? any help would be greatly appreciated