title: Get Child inner HTML
body: <p>So guys, I have some HTML like this:</p>
  
  <pre><code>&lt;ul id="view-id54795_breadcrumbs" class="xbreadcrumbs"&gt;
      &lt;li id="view-id54795_bcitem0" class="ncurrent"&gt;All XYZ&lt;/li&gt;
      &lt;li id="view-id54795_bcitem1" class="current"&gt;ABC&lt;/li&gt;
  &lt;/ul&gt; 
  </code></pre>
  
  <p>I need the text in the children, so I started with simple functions like:</p>
  
  <pre><code>console.log($('#'+t.view.id+'_breadcrumbs').childNodes);
  //console.log($('#'+t.view.id+'_breadcrumbs').getChildren());
  </code></pre>
  
  <p>Both of which didnt work. I also tried the function below</p>
  
  <pre><code>$(function(){
      var child = $('#'+t.view.id+'_breadcrumbs').find('li.t.view.id_');
      console.log(child.innerHTML);
      var idArray = new Array();
  
      if(child.length) {                              
          $.each(child,function(i,entry) {                                
              idArray.push($(this).attr('id'));
          });
      }
  
      console.log(idArray);                               
  });
  </code></pre>
  
  <p>PS.</p>
  
  <p>The function code above has been taken from the reference post <a href="https://stackoverflow.com/questions/3098709/using-jquery-find-to-get-children">using jquery .find() to get children</a>.
  Any suggestions would be highly appreciated. </p>
  
  <p>Thank you.</p>