title: jQuery addClass to a tag problem
body: <p>I have this in my html code:</p>
  
  <pre><code>&lt;ul id="navlist"
  &lt;li id="tabItem1"&gt;&lt;a href="#"&gt;Item one&lt;/a&gt;&lt;/li&gt;
  &lt;li id="tabItem2"&gt;&lt;a href="#"&gt;Item two&lt;/a&gt;&lt;/li&gt;
  &lt;li id="tabItem3"&gt;&lt;a href="#"&gt;Item three&lt;/a&gt;&lt;/li&gt;
  &lt;li id="tabItem4"&gt;&lt;a href="#"&gt;Item four&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to add a class to the a element with jquery like this: (its not working)</p>
  
  <pre><code>var currentTab = 1;
  
  $(document).ready(function()
  {        
    $("li#tabItem" + currentTab + ":has(a)").addClass("navlistHover");
    //console.log("li#tabItem" + currentTab + ":has(a)");
  });
  </code></pre>
  
  <p>When a delete the a element and do it like the next example, than there is no problem.</p>
  
  <pre><code>$("li#tabItem" + currentTab).addClass("navlistHover");
  </code></pre>
  
  <hr>
  
  <p>I've tried the following code:</p>
  
  <pre><code>$('navlist li#tabItem' + currentTab + ' a').addClass('navlistHover');
  </code></pre>
  
  <p>but it's not working, very strange</p>