Why can't I remove an attribute of all children?
<p>I have a cloned div containing input elements, all of which are disabled. I am trying to use the following JQuery code to remove the disabled attribute of each of the div's children.</p>

<pre><code>clonedElement.children().removeAttr('disabled');
</code></pre>

<p>I do not have a ton of JQuery experience, so I am probably misunderstanding the way this is supposed to work. How should I be going about removing the "disabled" attribute from all children of the cloned node?</p>

<p>If it helps, clonedElement was created with the JQuery .clone() method.</p>

<p>HTML I AM USING TO TEST---</p>

<pre><code>        &lt;div id="original_item" class="hidden"&gt;
            &lt;div class="row_submit"&gt;
                &lt;div class="med_field"&gt;
                    &lt;p&gt;Product:&lt;/p&gt;
                    &lt;select name="product[]"&gt;
                        &lt;option&gt;&lt;/option&gt;
                    &lt;/select&gt;
                &lt;/div&gt;
                &lt;div class="small_field"&gt;
                    &lt;p&gt;Type:&lt;/p&gt;
                    &lt;select name="type[]"&gt;
                        &lt;option&gt;&lt;/option&gt;
                    &lt;/select&gt;
                &lt;/div&gt;
                &lt;div class="small_field"&gt;
                    &lt;p&gt;Price:&lt;/p&gt;
                    &lt;input type="text" name="price[]" value="test" disabled="disabled" /&gt;
                &lt;/div&gt;
                &lt;div class="small_field"&gt;
                    &lt;p&gt;Quantity:&lt;/p&gt;
                    &lt;input type="text" name="quantity[]" /&gt;
                &lt;/div&gt;
                &lt;img onclick="removeItem(this);" title="Remove Item" style="margin: 18px 0 0 12px;" src="icons/cancel.gif" /&gt;
            &lt;/div&gt;
            &lt;input type="hidden" name="warehouse_data[]" /&gt;
        &lt;/div&gt;
</code></pre>
