How do I make new elements draggable with jquery?
<p>I'm loading new elements with a form.  After the elements are loaded I need to make each one draggable.  According to .on doc <em>"Delegated events have the advantage that they can process events from descendant elements that are added to the document at a later time."</em></p>

<p>I've tried oh-so-many variants of .on, .click, etc but so far no luck.  I'm currently working with...</p>

<pre><code>    $('#parent').on('change', '.thumb', function(event){
        alert('loaded');
        $('.thumb').draggable();
    });
</code></pre>

<p>...but, it doesn't attach to the new .thumb element.  How can I accomplish this?</p>

<p>Edit: Here's the html...</p>

<pre><code>        &lt;input type="file" id="parent" name="files[]" multiple /&gt;
        &lt;output&gt; //these spans are created after files are selected from 'file'
            &lt;span&gt;&lt;img class=".thumb" src="..."&gt;&lt;/span&gt;
            &lt;span&gt;&lt;img class=".thumb" src="..."&gt;&lt;/span&gt;
        &lt;/output&gt;
</code></pre>
