Collect class names under a <div> tag in java script array
<pre><code>&lt;script type="text/javascript"&gt;
 $(document).ready(function () {

 });

&lt;/script&gt;


&lt;div id="input"&gt;
    &lt;div class="feature draggable"&gt;Drag 1&lt;/div&gt;
    &lt;div class="feature resizable"&gt;Resize&lt;/div&gt;
    &lt;div class="feature downloadable"&gt;Download&lt;/div&gt;
    &lt;div class="feature draggable"&gt;Drag 2&lt;/div&gt;
    &lt;div class="feature trackable"&gt;Track&lt;/div&gt;
    &lt;div class="feature colorable"&gt;Color&lt;/div&gt;
&lt;/div&gt;​
</code></pre>

<p>I want to store all the class elements under the <code>&lt;div id="input"&gt;</code> in array. What is the correct way to do it?</p>

<p>JS Fiddle: <a href="http://jsfiddle.net/gMjxu/" rel="nofollow">http://jsfiddle.net/gMjxu/</a></p>
