title: jquery draggable does not worked
body: <p>I am doing the jquery draggable it work fine in the initial case but it does not work when a new same div is created with jswhat is the actual problem with my code please help me 
  <a href="http://galtech.org/testing/drag_new.php" rel="nofollow noreferrer">http://galtech.org/testing/drag_new.php</a>
  Drag me old worked fine
  But new draggable div is created with New element (red anchor in bottom )
  it does not have draggable property </p>
  
  <pre><code> &lt;script&gt;
    function shw()
    {
      $("#name").html('&lt;div id="draggable"&gt;Drag me new&lt;/div&gt;');
    }
    $(document).ready(function() {
  
       $( "#draggable" ).draggable({ cursor: 'move', containment: '#name', opacity: 0.35 }); 
    });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body &gt;
    &lt;div id="name" style="background:#9999FF; height:500px; width:500px;"&gt; 
  &lt;div id="draggable"&gt;Drag me old&lt;/div&gt;
  &lt;/div&gt;
  &lt;a onClick="shw();" style="background-color:#FF0000; cursor:pointer;"&gt;New element&lt;/a&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>