title: kendo grid title change
body: <p>I am trying to change the title of the kendo grid. </p>
  
  <p>However when i do the below on change event the filtering doesn't work for that column.
  I have a sample code here to replicate the issue in jsfiddle: <a href="http://jsfiddle.net/nLn5b/4/" rel="nofollow">http://jsfiddle.net/nLn5b/4/</a></p>
  
  <pre><code>$("#change").on("click", function() {
  $("#grid th[data-field=FirstName]").html("&lt;a tabindex='-1' class='k-grid-filter'     href='#'&gt;&lt;span class='k-icon k-filter'&gt;&lt;/span&gt;&lt;/a&gt;MiddleName")
  })
  
  var grid = $("#grid").kendoGrid({
  dataSource: {
      data    : createRandomData(10),
      pageSize: 5,
      schema  : {
          model: {
              fields: {
                  Id       : { type: 'number' },
                  FirstName: { type: 'string' },
                  LastName : { type: 'string' },
                  City     : { type: 'string' }
              }
          }
      }
  },
  editable  : false,
  pageable  : true,
  filterable: true,
  columns   : [
      { field: "FirstName", width: 90, title: "First Name" },
      { field: "LastName", width: 90, title: "Last Name" },
      { field: "City", width: 100 }
  ]
  }).data("kendoGrid");
  </code></pre>
  
  <p>Thanks for any help.</p>