Hover an element, add class to another
<p>I have two lists:</p>

<pre><code>&lt;ul id="list1"&gt;
   &lt;li class="link1"&gt;Link 1&lt;/li&gt;
   &lt;li class="link2"&gt;Link 2&lt;/li&gt;
   &lt;li class="link3"&gt;Link 3&lt;/li&gt;
&lt;/ul&gt;

&lt;ul id="list2"&gt;
   &lt;li class="link1"&gt;Link 1&lt;/li&gt;
   &lt;li class="link2"&gt;Link 2&lt;/li&gt;
   &lt;li class="link3"&gt;Link 3&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I want when I hover "link1" from "list1" to add a class (.active) to "link1" from "list2". And same for "list2"... It is possible to make a function, because I have lot of li with same classes, and will be too bad to do it manually for each.</p>
