title: jQuery UI draggable is not working on newly created DOM element
body: <p>I have some DOM element which is draggable using jQuery UI.All are working fine but when i create some element using jQuery , then they are not draggable at all. i.e  </p>
  
  <pre><code>$('div.draggable').draggable(); //Existing element , it works :)
  $('p.draggable').draggable() ; //Newly created paragraph with same class name, it doesnt work at all :(
  </code></pre>
  
  <p>Thanks in advance !!!</p>
  
  <p>I am trying This :  </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
       $(document).ready(function(){
           $('body').append('&lt;p class="draggable"&gt;Newly Created Paragraph&lt;/p&gt;');
           $('p.draggable').draggable(); **//This is not working**
       });
  &lt;/script&gt;
  </code></pre>
  
  <p>However Somehow this is working  </p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
       $(document).ready(function(){
           $('body').append('&lt;p class="draggable"&gt;Newly Created Paragraph&lt;/p&gt;')
                   .find('p.draggable').draggable(); **This is working**
  
       });
  &lt;/script&gt;
  </code></pre>