Question: My pages have 6 grids called grid1,grid2,grid3,grid4,grid5,grid6.When I click the search button,I read the data in grids.now I want to style the grid1,grid2,grid4,grid5 with style `"color:red"`,I can style them using these codes:

```
   #grid1.k-grid-content td {
   color:red 
   } 
   #grid2.k-grid-content td {
   color:red 
   } 
   #grid4.k-grid-content td {
   color:red 
   } 
   #grid5.k-grid-content td {
   color:red 
   } 

```

I think this way is really complicated and redundant and change the codes like this and click the search button,but failed.But if I firstly seach data,and then execute the change code,it successed.How to change my code?I just do not want to write complicated and redundant codes.Can it be used with jquery "live" event?Anybody use "live" to style the grid td? 

```
   .GridColor {
   color:red 
   } 
     $(function () {
    $("#grid1.k-grid-content  td").addClass("GridColor");
    $("#grid2.k-grid-content  td").addClass("GridColor");
    $("#grid4.k-grid-content  td").addClass("GridColor");
    $("#grid5.k-grid-content  td").addClass("GridColor");
     }

```

Answer: 
Unfortunately, the microdata attributes are only defined for HTML elements, which means they won't be processed in SVG. I would recommend to look at RDFa which is designed to work in many formats such as HTML, XML and SVG: 

* <http://www.w3.org/TR/rdfa-lite/>
* <http://www.w3.org/TR/rdfa-primer/>
The most correct and standard approach would be to use the SVG `<metadata>` tag.

<http://www.w3.org/TR/SVG/metadata.html>

The metadata should be in RDF format. All you would need to do is use an appropriate RDF Schema that already exists, or create your own schema suitable for your use.