title: Targeting <li> containing <ul> with jQuery
body: <p>I'm working on a menu where i need to use jQuery to target parent elements, but I can't get the jQuery <code>:has</code> selector to work.</p>
  
  <pre><code>&lt;nav&gt;
      &lt;div&gt;
          &lt;ul&gt;
              &lt;li&gt;Link&lt;/li&gt;
              &lt;li&gt;Link&lt;/li&gt;
                      &lt;ul&gt;
                          &lt;li&gt;Link&lt;/li&gt;
                          &lt;li&gt;Link&lt;/li&gt;
                          &lt;li&gt;Link&lt;/li&gt;
                      &lt;/ul&gt;
              &lt;li&gt;Link&lt;/li&gt;
              &lt;li&gt;Link&lt;/li&gt;
                      &lt;ul&gt;
                          &lt;li&gt;Link&lt;/li&gt;
                          &lt;li&gt;Link&lt;/li&gt;
                          &lt;li&gt;Link&lt;/li&gt;
                      &lt;/ul&gt;
              &lt;li&gt;Link&lt;/li&gt;
              &lt;li&gt;Link&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>$('nav &gt; div &gt; ul &gt; li:has(ul)').addClass('parent');
  $('nav &gt; div &gt; ul &gt; li:has(ul)').click(function() {
      alert('test');
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/CTa27/1" rel="nofollow">My fiddle is here</a></p>