title: how to get all html elements inside parent element using jquery or javascript
body: <p>I want to get all descendent HTML elements within parent element and then place each of them in separate variables. E.g. for below HTML</p>
  
  <pre><code>&lt;div id="Todo"&gt;
      &lt;p class="items"&gt;
          &lt;h1&gt;Title&lt;/h1&gt;
          &lt;span class="task"&gt;Task&lt;/span&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I already have <code>#Todo</code> in a variable called <code>$el = $('#Todo')</code>. I need a generic solution. I mean the code should only work for above piece of HTML but also it should work on any type of HTML code which could have several descendent elements. <strong>How can I achieve this?</strong></p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Out put will be to place all these elements to its own variables for easy access so whenever I need to access any element inside <code>#Todo</code> then I should not use something like <code>$('#Todo').children('.items')</code> or not use <code>.find()</code> etc.</p>