How to create a short jQuery code according to the pattern?
<p>I have a long list elements <code>&lt;li&gt;</code> in my html code:</p>

<pre><code>&lt;li class="pl1"&gt;&lt;a href="#"&gt;some&lt;/a&gt;&lt;/li&gt;
&lt;li class="pl2"&gt;&lt;a href="#"&gt;something&lt;/a&gt;&lt;/li&gt;
&lt;li class="pl3"&gt;&lt;a href="#"&gt;something1&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>And somewhere else in html code objects:</p>

<pre><code>&lt;span id="pl1"&gt;.&lt;/span&gt;
&lt;span id="pl2"&gt;.&lt;/span&gt;
&lt;span id="pl3"&gt;.&lt;/span&gt;
</code></pre>

<p>And I wrote a script that adds class named <code>focus</code> in according pattern:</p>

<pre><code>$("li.pl1").mouseenter(function() {
    $("#pl1").addClass("focus");
});
$("li.pl2").mouseenter(function() {
    $("#pl2").addClass("focus");
});
$("li.pl3").mouseenter(function() {
    $("#pl3").addClass("focus");
});
</code></pre>

<p>The only problem is that the code would have to be long. How to write a short jQuery code according to this pattern?</p>
