title: jQuery addClass to a child element
body: <p>I have the usual unordered list for a navigation menu with submenus...</p>
  
  <p>html:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;Link with submenu&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#"&gt;Sublink 1&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>All of the links inside of the parent <code>&lt;li&gt;</code> have a border radius.  But if the parent <code>&lt;li&gt;</code> has a child <code>&lt;ul&gt;</code>, I don't want the link to have a radius.</p>
  
  <p>I'm currently using this jQuery:</p>
  
  <pre><code>&lt;script&gt;
    $("li").has("ul").addClass("sub-radius");
  &lt;/script&gt;
  </code></pre>
  
  <p>It works fine except it's targeting the <code>&lt;li&gt;</code>, but I need it to target the child <code>&lt;a&gt;</code> and remove its radius.</p>
  
  <p>Any help would be appreciated.</p>