There are a lot of questions exactly like this and all of them answer the same - **just add class** and toggle it. **Not in my case**.

Scenario:

When my page scrolls, I duplicate the table's first column and attach it with `position:fixed` to the left of the browser which makes me see the headers when table is wide.

Original table has css with `:hover` like this:

```
table tr:hover td { background: red }

```

This is great as I can see the whole row highlighted when I hover it, but not so great that
if I hover the cloned table it highlights only this one column. I would like to force :hover state on original table by **not adding any class.**

What I have tried so far without any effect:

```
 - .trigger('mouseover');
 - .trigger('mouseenter');
 - .trigger('hover');
 - .hover()
 - .mouseenter();
 - .mouseover();

```