<div id="filter"></div>
<script>
  var data = [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
    ];

  var dataSource = new kendo.data.DataSource({
    data: data
  });

  $("#filter").kendoFilter({
    dataSource: dataSource,
    messages: {
        addExpression: "Add New Filter"
    },
    fields: [
      { name: "age", type: "number", label: "Age" },
      { name: "name", type: "string", label: "Name" }
    ]
  });
</script>