title: Jquery - Selector wont go deeper
body: <p>What I already got by JQuery Selector on using: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("li[data-uid='"+dialogItem.uid+"']")</code></pre>
  </div>
  </div>
  </p>
  
  <p>is: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;li role="treeitem" class="k-item k-first k-last" data-uid="b3e03746-c914-49a6-a95f-756de2d97a1b" aria-selected="false" data-expanded="true" aria-expanded="true"&gt;
    &lt;div class="k-top k-bot"&gt;…&lt;/div&gt;
    &lt;ul class="k-group" role="group" style="display: block;"&gt;
      &lt;li role="treeitem" class="k-item k-last" data-uid="cdd29906-aa64-43bc-b727-950a32ce5c00" aria-selected="true" data-expanded="true" aria-expanded="true" id="dialogtreediv_tv_active"&gt;…&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to get the data_uid cdd29906-aa64-43bc-b727-950a32ce5c00 from the most inner "li" but as soon as I add the element "ul" to the selector (to go one step deeper) I don't get anything back: $("li[data-uid='"+dialogItem.uid+"'] <strong>ul</strong>" (same with "> ul" or "ul:first-child")</p>
  
  <p>The weird thing: If I add "div" (instead of "ul") it goes into the div element.</p>
  
  <p>What am I doing wrong or is Jquery unable to handle different element types on the same hierarchy (in this case "div" and "ul")?</p>