Removing a class attribute under a div tag + jquery
<pre><code> &lt;script type="text/javascript"&gt;
    var product_features = ['draggable','trackable','colorable'];

 $(document).ready(function () {

 $('div#input .feature draggable').remove();
});
</code></pre>

<p></p>

<p>
</p>

<p>
</p>

<pre><code>&lt;h3&gt;Input&lt;/h3&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;

&lt;h3&gt;Output&lt;/h3&gt;
&lt;div id="output"&gt;&lt;/div&gt;
</code></pre>

<p>
​</p>

<p>Not Able to remove a div class element with feature draggable</p>

<pre><code>      $('div#input .feature draggable').remove();   
</code></pre>

<p>Seems something wrong with this part of the code , can any one please point what is wrong in here ?</p>

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