title: how to add class to all children of the elements when children has different tags
body: <p>Hi I wandering how I can add class .draggable on each element in .edit div</p>
  
  <p>This is my html:</p>
  
  <pre><code>  &lt;div class="edit" &gt;
         &lt;h2&gt; Some title &lt;/h2&gt;
         &lt;a&gt; some link&lt;/a&gt;
         &lt;p&gt; some paragraph &lt;/p&gt;
         &lt;ol&gt; 
           &lt;li&gt; some list item&lt;/li&gt;
           &lt;li&gt; some list item&lt;/li&gt;
           &lt;li&gt; some list item&lt;/li&gt;
         &lt;/ol&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I don't really know how to grab each of the elements inside .edit and add class .draggable . The desired effect would be like that:</p>
  
  <pre><code>&lt;div class="edit" &gt;
     &lt;h2 class="draggable" &gt; Some title &lt;/h2&gt;
     &lt;a class="draggable"&gt; some link&lt;/a&gt;
     &lt;p class="draggable"&gt; some paragraph &lt;/p&gt;
     &lt;ol class="draggable"&gt; 
       &lt;li class="draggable"&gt;some list item&lt;/li&gt;
       &lt;li class="draggable"&gt; some list item&lt;/li&gt;
       &lt;li class="draggable"&gt; some list item&lt;/li&gt;
     &lt;/ol&gt;
  &lt;/div&gt;
  </code></pre>