title: repeating jquery selector
body: <p>I have this HTML from Drupal</p>
  
  <pre><code>&lt;span id="terms" style="visibility:hidden"&gt;
  &lt;ul class="links inline"&gt;
  &lt;li class="taxonomy_term_14 first"&gt;&lt;a href="/taxonomy/term/14" rel="tag" title="National Site"&gt;national&lt;/a&gt;&lt;/li&gt; 
  &lt;li class="taxonomy_term_2 last"&gt;&lt;a href="/category/region/all/nyc" rel="tag" title=""&gt;nyc&lt;/a&gt;&lt;/li&gt; 
  &lt;/ul&gt;&lt;/span&gt;
  </code></pre>
  
  <p>I am using this JQuery to get the text "nyc" from the second <code>&lt;li&gt;</code>.</p>
  
  <pre><code>var tagText = $("#terms li + li").text();
  </code></pre>
  
  <p>when I check to view tagText, document.write(tagtext) shows "nynynynynynynynynynynynynynynyny" instead of just "nyc." Why is it repeating?</p>