Jquery What am I doing wrong?
<p>i want to read out the value of List item and write it into span.<br>
So that the lists looks like this:</p>

<ul>
<li>my first item (1)</li>
<li>another item (2)</li>
<li>next item (3)<br><br></li>
<li>my first item (a)</li>
<li>another item (b)</li>
<li>next item (c)</li>
</ul>

<p>But i dont find the error:</p>

<pre><code>&lt;div id="Listgroup"&gt;
    &lt;ul id="list1"&gt; 
      &lt;li&gt;&lt;a href="" value="1"&gt;my first item&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="" value="2"&gt;another item&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="" value="3"&gt;next item&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;br&gt;
    &lt;ul id="list2"&gt; 
      &lt;li&gt;&lt;a href="" value="a"&gt;my first item&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="" value="b"&gt;another item&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="" value="c"&gt;next item&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;

&lt;script&gt;
$(function(){
$("li a").each(function(idx, item){
    $("span", "li a[value|=' + $(this).attr('value') + ']")
        .html(" (" + $(this).attr('value') + ")");
});
});
&lt;/script&gt;
</code></pre>

<p>please help</p>

<p>Thank you</p>
